no need BootstrapTableful anymore

* refine BootstrapTableful -> BootstrapTable

* refine stateful-layer as container
This commit is contained in:
Allen
2017-10-17 04:30:23 -05:00
committed by GitHub
parent bc67dfcd23
commit 6887c12d11
41 changed files with 127 additions and 133 deletions
@@ -1,6 +1,6 @@
import React from 'react';
import { BootstrapTableful } from 'react-bootstrap-table2';
import BootstrapTable from 'react-bootstrap-table2';
import Code from 'components/common/code-block';
import { productsGenerator } from 'utils/common';
@@ -31,17 +31,17 @@ const columns = [{
const CaptionElement = () => <h3 style={{ borderRadius: '0.25em', textAlign: 'center', color: 'purple', border: '1px solid purple', padding: '0.5em' }}>Component as Header</h3>;
<BootstrapTableful keyField="id" data={ products } caption="Plain text header" columns={ columns } />
<BootstrapTable keyField="id" data={ products } caption="Plain text header" columns={ columns } />
<BootstrapTableful keyField="id" data={ products } caption={<CaptionElement />} columns={ columns } />
<BootstrapTable keyField="id" data={ products } caption={<CaptionElement />} columns={ columns } />
`;
const Caption = () => <h3 style={{ borderRadius: '0.25em', textAlign: 'center', color: 'purple', border: '1px solid purple', padding: '0.5em' }}>Component as Header</h3>;
export default () => (
<div>
<BootstrapTableful keyField="id" data={ products } caption="Plain text header" columns={ columns } />
<BootstrapTableful keyField="id" data={ products } caption={<Caption />} columns={ columns } />
<BootstrapTable keyField="id" data={ products } caption="Plain text header" columns={ columns } />
<BootstrapTable keyField="id" data={ products } caption={<Caption />} columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);