Change background color of Cell

[nikhil2297]

Hello,
I'm using the Community version of RevoGrid with React. When I set a column to readonly, all the cells in that column get a gray background, as if they are in a disabled state.

The reason I set the column to readonly is that I don’t want it to enter input or edit mode.

How can I prevent the gray background styling, or is there another way to disable the input mode without making the cells look disabled?

[nikhil2297]

 <RevoGrid
                    style={{ height: '100%', width: '100%' }}
                    columns={colDef}
                    source={processedData}
                    theme="material"
                    rowClass="rowClass" 
                    readonly={true}
                    onHeaderclick={(event) => {
                        console.log("Header clicked:", event);
                    }}
                />

This worked, and the style is no longer changed. If there’s a specific way to handle this in RevoGrid, please let me know otherwise, I’ll close this discussion.

[m2a2x]

Hi, there are so many ways to do it.
Yours is working as well. You can always override cell classes through cellProperties if needed or just disable it with css. Overall grid is highly customizable.

[nikhil2297]

Thanks @m2a2x. Will check on this