Custom Column Background color while retaining highlighting

[SatchParticipant]

Hi,

Is there a way to change the background color of a column and still have the row highlight the background when the cursor moves over it?

I’ve set the background-color of a column using the cellclassname property. When I do this, the background no longer highlights (I’m assuming because the highlight function doesn’t know the new css class is overriding the default background color.)

I’ve also tried using the cellsrenderer property but that only changes the background color of the span inside the cell not the entire cell’s background color.

Thanks,
Satch

//css
<STYLE>
        .myClass {
            background-color: tan;
        }
</STYLE>

//Column definition
{ text: 'COLUMN A', datafield: 'myData', width: 100, cellclassname: 'myClass' }

[ChristopherParticipant]

Hi ,

Please, take a look at this demo:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/gridcellclass.htm?light

It shows exactly how to accomplish this.

Best Regards,
Christopher

jQWidgets Team
http://www.jqwidgets.com

[SatchParticipant]

Perfect, I need to get more familiar with the classes. Thanks for the link Christopher!

[Author]

Posts