How to rerender entire single row in react-table?

I have a react-table component in my app and pass there next props:

<ReactTable
  data={this.props.words}
  columns={columns}
  getTrProps={changing_state_func}
/>

changing_state_func is a function that changes state of the component that wraps react-table. Specifically, this function fills an array that contains ids of the data objects for rows. So I’d like to highlight the rows with the data for those ids… Cannot figure it out how to do it.

[tannerlinsley]

I just published version 5.0.2 that gives you access to the table’s instance.

Try this:

changing_state_func = (state, rowInfo, column, instance) => {
  if (!rowInfo) return {}
  return {
    style: {
      background: (this.state.rowsIdsArray.includes(rowInfo.row.id)) ? 'green' : null
    },
    onClick: () => {
      this.setState({rowsIdsArray: this.state.rowsIdsArray.concat([rowInfo.row.id])});
      instance.forceUpdate()
    }
  }
}

[tannerlinsley]

You bet. 😊 On Fri, Feb 3, 2017 at 2:14 PM Oleg Zhermal [e-mail] wrote:

That works! Thanks for the quick fix.

— You are receiving this because you commented.

Reply to this email directly, view it on GitHub https://github.com/tannerlinsley/react-table/issues/54#issuecomment-277363875, or mute the thread https://github.com/notifications/unsubscribe-auth/AFUmCaBAjjNNSR_ZeJTk0Qg5HqTi-p9Yks5rY5ihgaJpZM4L2X5W .