Let's enable a pagination on your table:
-import paginator from 'react-bootstrap-table2-paginator';
+import paginationFactory from 'react-bootstrap-table2-paginator';
// omit...
-<BootstrapTable keyField='id' data={ products } columns={ columns } pagination={ paginator() } />
+<BootstrapTable keyField='id' data={ products } columns={ columns } pagination={ paginationFactory() } />
Customization
See pagination props
diff --git a/docs/table-props.html b/docs/table-props.html
index e54dd65..919fac2 100644
--- a/docs/table-props.html
+++ b/docs/table-props.html
@@ -137,14 +137,14 @@ When loading is true, react-bootstrap-table2$ npm install react-bootstrap-table2-paginator --save
After installation of react-bootstrap-table2-paginator, you can enable pagination on react-bootstrap-table2 easily:
import paginator from 'react-bootstrap-table2-paginator';
+import paginationFactory from 'react-bootstrap-table2-paginator';
// omit...
-<BootstrapTable data={ data } columns={ columns } pagination={ paginator() } />
+<BootstrapTable data={ data } columns={ columns } pagination={ paginationFactory() } />
-paginator is a function actually and allow to pass some pagination options, following we list all the available options:
-paginator({
+paginationFactory is a function actually and allow to pass some pagination options, following we list all the available options:
+paginationFactory({
page, // Specify the current page. It's necessary when remote is enabled
sizePerPage, // Specify the size per page. It's necessary when remote is enabled
totalSize, // Total data size. It's necessary when remote is enabled
diff --git a/storybook/iframe.html b/storybook/iframe.html
index 5c388fc..3980971 100644
--- a/storybook/iframe.html
+++ b/storybook/iframe.html
@@ -17,5 +17,5 @@
-
+