Style the non active rows when an active row exists.

Question

Style the non active rows when an active row exists.

TLenahan opened this issue 7 years ago · 3 comments

I see that the renderRow function prop has a boolean to tell if the row is active, but I am trying to apply a style to the non active rows when there is an active row, if the makes sense.

To clarify, I am trying to darken the non active rows when the user is sorting. Does anyone know how to do this, or if it is currently possible?

Answer 1 · 2017-12-16T03:59:03.000Z

I think you can use onRowActive and onMoveCancel/onMoveEnd to achieve this

Answer 2 · 2017-12-18T15:36:36.000Z

I have tried that, and the Row components are not updating unless I change shouldComponentUpdate to always return true. Is there something special I have to do?

Answer 3 · 2018-01-24T16:14:33.000Z

I was able to resolve this by using PureComponent throughout index.js and removing shouldComponentUpdate