Unable to select from Column A to D


#1

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?


#2

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


#3

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.


#4

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 />
</span>

Would solve the issue.