e1e8c00271
* implement default sort * add story for default sort * add test for default sort * patch docs for default sort * a workaround to avoid render twice by story.add |
||
|---|---|---|
| .. | ||
| cell-edit.md | ||
| columns.md | ||
| development.md | ||
| README.md | ||
| row-selection.md | ||
Documentation
BootstrapTable Props
Required
Optional
keyField(required) - [String]
Tells react-bootstrap-table2 which column is unique.
data(required) - [Array]
Provides data for your table. It accepts a single Array object.
columns(required) - [Object]
Accepts a single Array object, please see columns definition for more detail.
caption - [String | Node]
Same as HTML caption tag, you can set it as String or a React JSX.
striped - [Bool]
Same as bootstrap .table-striped class for adding zebra-stripes to a table.
bordered - [Bool]
Same as bootstrap .table-bordered class for adding borders to a table and table cells.
hover - [Bool]
Same as bootstrap .table-hover class for adding mouse hover effect (grey background color) on table rows.
condensed - [Bool]
Same as bootstrap .table-condensed class for making a table more compact by cutting cell padding in half.
cellEdit - [Object]
Makes table cells editable, please see cellEdit definition for more detail.
selectRow - [Object]
Makes table rows selectable, please see selectRow definition for more detail.
defaultSorted - [Array]
defaultSorted accept an object array which allow you to define the default sort columns when first render.
const defaultSorted = [{
dataField: 'name', // if dataField is not match to any column you defined, it will be ignored.
order: 'desc' // desc or asc
}];