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';
@@ -18,7 +18,7 @@ const columns = [{
}];
const sourceCode = `\
<BootstrapTableful
<BootstrapTable
keyField="id"
data={ products }
columns={ columns }
@@ -28,7 +28,7 @@ const sourceCode = `\
export default () => (
<div>
<BootstrapTableful
<BootstrapTable
keyField="id"
data={ products }
columns={ columns }
@@ -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>
);
@@ -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';
@@ -29,12 +29,12 @@ const columns = [{
text: 'Product Price'
}];
<BootstrapTableful keyField='id' data={ products } columns={ columns } />
<BootstrapTable keyField='id' data={ products } columns={ columns } />
`;
export default () => (
<div>
<BootstrapTableful keyField="id" data={ products } columns={ columns } />
<BootstrapTable keyField="id" data={ products } columns={ columns } />
<Code>{ sourceCode }</Code>
</div>
);
@@ -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';
const columns = [{
@@ -15,7 +15,7 @@ const columns = [{
}];
const sourceCode = `\
<BootstrapTableful keyField='id' data={ [] } columns={ columns } noDataIndication="Table is Empty" />
<BootstrapTable keyField='id' data={ [] } columns={ columns } noDataIndication="Table is Empty" />
// Following is more customizable example
@@ -23,12 +23,12 @@ function indication() {
// return something here
}
<BootstrapTableful keyField='id' data={ [] } columns={ columns } noDataIndication={ indication } />
<BootstrapTable keyField='id' data={ [] } columns={ columns } noDataIndication={ indication } />
`;
export default () => (
<div>
<BootstrapTableful keyField="id" data={ [] } columns={ columns } noDataIndication="Table is Empty" />
<BootstrapTable keyField="id" data={ [] } columns={ columns } noDataIndication="Table is Empty" />
<Code>{ sourceCode }</Code>
</div>
);
@@ -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';
@@ -18,7 +18,7 @@ const columns = [{
}];
const sourceCode = `\
<BootstrapTableful
<BootstrapTable
keyField="id"
data={ products }
columns={ columns }
@@ -30,7 +30,7 @@ const sourceCode = `\
export default () => (
<div>
<BootstrapTableful
<BootstrapTable
keyField="id"
data={ products }
columns={ columns }