Row highlighting class getting applied unnecessarily

[abhishekbhokareParticipant]

Hi there,

In my project I am using JqxGrid component of “jqwidgets-licensed” library v11.1.3. to follow the brand palette, I have changed the backgroud-color of the row which is selected / pressed using ‘jqx-fill-state-pressed’ class of grid cell. Every time I click a new row, ‘jqx-fill-state-pressed’ class is removed automatically from every other row and added to newly clicked row’s cells and it is working fine.
but to meet my project requirements, I have used cellRenderer on click of which I am updating some states and after state update, ‘jqx-fill-state-pressed’ class is getting added to every rows’s cell which were previously selected. I am not getting why that class is getting added to every previously clicked row’s cell, due to this all the previously clicked rows are highlighting unnecessarily.

Your help will be much appreciated, Thanks!

[adminKeymaster]

Hi,

I would suggest you for custom styling to use the cellclassname column property. The cellclassname property allows you to conditionally apply CSS classes to the grid cells. Example:

cellclassname: function (row, column, value, data) {
    if (value == "Hanari Carnes") {
        return "yellowCell";
    }
}

Hope this helps.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts