react-bs-table
v2.3.7
Published
It's a react table for bootstrap. Forked forked AllenFang/react-bootstrap-table
Downloads
4
Maintainers
Readme
react-bs-table
It's a fork of https://github.com/AllenFang/react-bootstrap-table/
Development
Use gulp to build the react-bootstrap-table
$ gulp dev #for development
$ gulp example-server #see all examples, go to localhost:3004
$ gulp prod #for production
Quick Demo
// products will be presented by react-bootstrap-table
var products = [{
id: 1,
name: "Item name 1",
price: 100
},{
id: 2,
name: "Item name 2",
price: 100
}];
// It's a data format example.
function priceFormatter(cell, row){
return '<i class="glyphicon glyphicon-usd"></i> ' + cell;
}
React.render(
<BootstrapTable data={products} striped={true} hover={true}>
<TableHeaderColumn dataField="id" isKey={true} dataAlign="center" dataSort={true}>Product ID</TableHeaderColumn>
<TableHeaderColumn dataField="name" dataSort={true}>Product Name</TableHeaderColumn>
<TableHeaderColumn dataField="price" dataFormat={priceFormatter}>Product Price</TableHeaderColumn>
</BootstrapTable>,
document.getElementById("app")
);