highlight whole row with row details

[jahnvi25Participant]

i want to highlight whole row on specific condition. i need to change the background color.. i followed below example

which works great.. but we also have row details..and that column (arrow column) does not get the same background color as highlighting color..how can i achieve this ? is there a way i can use cellclassname for arrow column as well ?

thanks

[DimitarParticipant]

Hello jahnvi25,

Unfortunately, cellclassname cannot be called for the arrow column. However, the cells from that column have the class jqx-grid-group-expand when the row details are expanded, so you can modify these cells’ background colour via CSS.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[jahnvi25Participant]

but i am not expanding row.. i am just highlighting whole row with background color and i do want to follow same logic for arrow column. how can i highlight background of arrow column.. for default state,expanded and hover and selected state..

thanks

[DimitarParticipant]

Hello jahnvi25,

You can modify the CSS of the arrow cells directly, e.g.:

<style type="text/css">
    .jqx-grid-group-collapse, .jqx-grid-group-expand
    {
        background-color: Red;
    }
</style>

This code will highlight the cells in red in all cases (default, expanded and hover).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts