22import React from 'react' ;
33import PropTypes from 'prop-types' ;
44import BootstrapTable from 'react-bootstrap-table-next' ;
5- import paginator from 'react-bootstrap-table2-paginator' ;
5+ import paginationFactory from 'react-bootstrap-table2-paginator' ;
66import overlayFactory from 'react-bootstrap-table2-overlay' ;
77import Code from 'components/common/code-block' ;
88import { productsGenerator } from 'utils/common' ;
@@ -22,7 +22,7 @@ const columns = [{
2222
2323const sourceCode = `\
2424import BootstrapTable from 'react-bootstrap-table-next';
25- import paginator from 'react-bootstrap-table2-paginator';
25+ import paginationFactory from 'react-bootstrap-table2-paginator';
2626import overlayFactory from 'react-bootstrap-table2-overlay';
2727
2828// ...
@@ -34,7 +34,7 @@ const RemotePagination = ({ loading, data, page, sizePerPage, onTableChange, tot
3434 keyField="id"
3535 data={ data }
3636 columns={ columns }
37- pagination={ paginator ({ page, sizePerPage, totalSize }) }
37+ pagination={ paginationFactory ({ page, sizePerPage, totalSize }) }
3838 onTableChange={ onTableChange }
3939 overlay={ overlayFactory({ spinner: true, background: 'rgba(192,192,192,0.3)' }) }
4040 />
@@ -99,7 +99,7 @@ const RemotePagination = ({ loading, data, page, sizePerPage, onTableChange, tot
9999 keyField = "id"
100100 data = { data }
101101 columns = { columns }
102- pagination = { paginator ( { page, sizePerPage, totalSize } ) }
102+ pagination = { paginationFactory ( { page, sizePerPage, totalSize } ) }
103103 onTableChange = { onTableChange }
104104 overlay = { overlayFactory ( { spinner : true , background : 'rgba(192,192,192,0.3)' } ) }
105105 />
0 commit comments