CreatedRow css does not applies on the column used for ordering

CreatedRow css does not applies on the column used for ordering

Ralph ChildersRalph Childers Posts: 2Questions: 1Answers: 0
edited June 2019 in Free community support

Hello Everyone.

I am working with Datatable where i am fetching data from API sending json value and using it to populate the table.

I am using createdRow option to change the background color of the row based on value of certain row.
Along with that, I am also using default ordering by one column in the table.

What I have noticed that my background color is not applied on the column which is used for ordering and that column remains in default color i.e. grey-white.

Also I am using display properties (hover, select, etc) but the effects are only visible on the column which is used for ordering basically not on the column where my chosen color was applied.

How can i solve this problem?
I am sorry for long post.

Answers

  • colincolin Posts: 15,240Questions: 1Answers: 2,599

    Hi @'Ralph Childers',

    That'll just be a CSS issue - make that background colour CSS rule !important so it takes precedence over the others,

    Cheers,

    Colin

  • Ralph ChildersRalph Childers Posts: 2Questions: 1Answers: 0

    @colin I get that.
    But the problem is select function of datatable is not depicted in anyway i.e. even if you select a row, it colors remains the same as what background color i have provided for the row.
    Any idea how can i solve this?

  • colincolin Posts: 15,240Questions: 1Answers: 2,599

    Hi @'Ralph Childers' ,

    This example may help, it's using rowCallback instead, and may do what you're after. If not, would you be able to modify that example to demonstrate the problem, please.

    Cheers,

    Colin

This discussion has been closed.