Unable to select from Column A to D


Tried creating DHX spreadsheet into my react application, followed the website guide https://dhtmlx.com/docs/products/dhtmlxSpreadsheet-for-React/#how-it-works.

However when the spreadsheet is rendered out in my application, i notice that no matter what i do i can’t select the Column A to D.

Have anyone faced this issue as i did?


Unfortunately the problem cannot be reconstructed. Could you pleas,e provide a complete demo, where the problem can be reproduced locally.


Hi Sematik,

Thank you for helping me.

i have a gitlab repo attached in this thread.

You could do a git clone of that repo and run locally to see that problem.


Found and fix the issue.

Somehow it inherits the main css file and text align everything to middle which causes the columns to have bugs.

Add a inline styling on the component tag in your app.js for example:

<span style={{textAlign:"left"}}>
   <SpreadsheetComponent />

Would solve the issue.