jQuery UI Widgets Forums React Row highlighting class getting applied unnecessarily

This topic contains 1 reply, has 2 voices, and was last updated by  admin 1 month, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • abhishekbhokare
    Participant

    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!


    admin
    Keymaster

    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/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.