diff --git a/packages/react-bootstrap-table2-example/examples/basic/large-table.js b/packages/react-bootstrap-table2-example/examples/basic/large-table.js new file mode 100644 index 0000000..671aaa5 --- /dev/null +++ b/packages/react-bootstrap-table2-example/examples/basic/large-table.js @@ -0,0 +1,32 @@ +import React from 'react'; + +import BootstrapTable from 'react-bootstrap-table-next'; +import cellEditFactory from 'react-bootstrap-table2-editor'; +import { productsGenerator } from 'utils/common'; + +const products = productsGenerator(5000); + +const columns = [{ + dataField: 'id', + text: 'Product ID' +}, { + dataField: 'name', + text: 'Product Name' +}, { + dataField: 'price', + text: 'Product Price' +}]; + +export default () => ( +
+ +
+); diff --git a/packages/react-bootstrap-table2-example/stories/index.js b/packages/react-bootstrap-table2-example/stories/index.js index eee2c87..24db59c 100644 --- a/packages/react-bootstrap-table2-example/stories/index.js +++ b/packages/react-bootstrap-table2-example/stories/index.js @@ -11,6 +11,7 @@ import StripHoverCondensedTable from 'examples/basic/striped-hover-condensed-tab import NoDataTable from 'examples/basic/no-data-table'; import CustomizedIdClassesTable from 'examples/basic/customized-id-classes'; import CaptionTable from 'examples/basic/caption-table'; +import LargeTable from 'examples/basic/large-table'; // work on columns import NestedDataTable from 'examples/columns/nested-data-table'; @@ -174,7 +175,8 @@ storiesOf('Basic Table', module) .add('borderless table', () => ) .add('Indication For Empty Table', () => ) .add('Customized id and class table', () => ) - .add('Table with caption', () => ); + .add('Table with caption', () => ) + .add('Large Table', () => ); storiesOf('Work on Columns', module) .add('Display Nested Data', () => )