Overriding the appearance of read-only cells

Getting help Questions
1

Hi,

I am trying to adjust the formatting of all the read-only cells of the handsontable instances I am using in a project of mine. I was going to do this using a cell renderer but my appllication is built in react and I am using react-handsontable, and creating custom cell renderers seems to be broken there (Custom cell renderers in handsontable-react) so I am trying to find another way to do this.

My first idea was to find the css classes for read-only cells and then override these by injecting my own css into my project, but I can’t find the names for these in the documentation.

Is this the best way to do this in the absence of using a cell renderer? If not, how can I do this?

I particularly need to override the cell background color and font color - it will be the same for all cells in all instances of handsontable I have in my application.

Thanks

2

Thank you for separating these two topics. This way we can still track progress on the other issue while discussing something else.

The class is called htDimmed. Here is an example Handsontable example - JSFiddle - Code Playground

1 Like
3

That’s great Aleksandra, thanks for the example too!

Regards,

4

You’re welcome. Feel free to ask me anything.

1 Like