onRowClick for react-bootstrap-table
Sorry just figured it out
have to set options
var options = {
onRowClick: function(row){
}
}
<BootstrapTable data={products} options={options} ...
For me I am using react-bootstrap-table-next
- v 4.0.3
and the above solution didn't work for some reason. Where as the following implementation worked.
const tableRowEvents = {
onClick: (e, row, rowIndex) => {
console.log(`clicked on row with index: ${rowIndex}`);
},
onMouseEnter: (e, row, rowIndex) => {
console.log(`enter on row with index: ${rowIndex}`);
}
}
<BootstrapTable
hover
bordered={false}
bootstrap4
keyField={"apps.App"}
data={apps ? apps : no_Data}
columns={columns}
rowEvents={ tableRowEvents }
/>
I followed the documentation from react-bootstrap-table2