react-bootstrap-table
It's a fork of react-bootstrap-table but with extra feature:
- it supports extra panels between rows
Explore an example on examples folder
Usage
a.Install
npm install react-bootstrap-table-extra-panels --save
Quick Demo
const products = ; { const startId = productslength; for let i = 0; i < quantity; i++ const id = startId + i; products; } ; Component { superprops; thisstate = condition: id: 2 extraPanelContent: <div> <p>Some content</p> </div> ; } { return <BootstrapTable data= products extraPanel= thisstateextraPanelContent extraPanelRow= thisstatecondition > <TableHeaderColumn dataField='id' isKey= true >Product ID</TableHeaderColumn> <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn> <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn> </BootstrapTable> ; }