I am using the 'react-table' component https://react-table.js.org
I want to add on click event for one column (later I will open a modal showing info based on this event).
You add getTrProps to ReactTable like the example:
const onRowClick = (state, rowInfo, column, instance) => {
return {
onClick: e => {
console.log('A Td Element was clicked!')
console.log('it produced this event:', e)
console.log('It was in this column:', column)
console.log('It was in this row:', rowInfo)
console.log('It was in this table instance:', instance)
}
}
}
<ReactTable data={[]} columns={[]} getTrProps={onRowClick} />
At the time of this writing, React-Table 6.8.0:
The value of 'column' in 'getTrProps' property is always undefined.
You'll have to use 'getTdProps' property instead.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With