* implement selectRow.nonSelectable

* add story for selectRow.nonSelectable

* add testing for selectRow.nonSelectable

* refine tests about row selection

* patch docs for selectRow.nonSelectable
This commit is contained in:
Allen
2017-10-20 03:25:48 -05:00
committed by GitHub
parent 10f06dca10
commit afc41879ee
11 changed files with 294 additions and 49 deletions
@@ -0,0 +1,55 @@
import React from 'react';
import BootstrapTable from 'react-bootstrap-table2';
import Code from 'components/common/code-block';
import { productsGenerator } from 'utils/common';
const products = productsGenerator();
const columns = [{
dataField: 'id',
text: 'Product ID'
}, {
dataField: 'name',
text: 'Product Name'
}, {
dataField: 'price',
text: 'Product Price'
}];
const selectRow = {
mode: 'checkbox',
nonSelectable: [0, 2, 4]
};
const sourceCode = `\
const columns = [{
dataField: 'id',
text: 'Product ID'
}, {
dataField: 'name',
text: 'Product Name'
}, {
dataField: 'price',
text: 'Product Price'
}];
const selectRow = {
mode: 'checkbox',
nonSelectable: [0, 2, 4]
};
<BootstrapTable
keyField='id'
data={ products }
columns={ columns }
selectRow={ selectRow }
/>
`;
export default () => (
<div>
<BootstrapTable keyField="id" data={ products } columns={ columns } selectRow={ selectRow } />
<Code>{ sourceCode }</Code>
</div>
);