onRowClick para react-bootstrap-table

Solución:

Lo siento, lo descubrí

tienes que configurar opciones

var options = {
 onRowClick: function(row){
 }
}

<BootstrapTable data={products} options={options} ...

Para mi estoy usando react-bootstrap-table-next – v 4.0.3 y la solución anterior no funcionó por alguna razón. Donde funcionó la siguiente implementación.

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 }
/>

Seguí la documentación de react-bootstrap-table2

---

---

Utiliza Nuestro Buscador