fix #1257

AllenFang · May 6, 2017 · 5234375 · 5234375
1 parent d80460b
commit 5234375
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/src/BootstrapTable.js b/src/BootstrapTable.js
@@ -1046,6 +1046,7 @@ class BootstrapTable extends Component {
             sizePerPageDropDown={ options.sizePerPageDropDown }
             hidePageListOnlyOnePage={ options.hidePageListOnlyOnePage }
             paginationPanel={ options.paginationPanel }
+            keepSizePerPageState={ options.keepSizePerPageState }
             open={ false }/>
         </div>
       );
@@ -1373,6 +1374,7 @@ BootstrapTable.propTypes = {
     hidePageListOnlyOnePage: PropTypes.bool,
     alwaysShowAllBtns: PropTypes.bool,
     withFirstAndLast: PropTypes.bool,
+    keepSizePerPageState: PropTypes.bool,
     onSortChange: PropTypes.func,
     onPageChange: PropTypes.func,
     onSizePerPageList: PropTypes.func,
@@ -1525,6 +1527,7 @@ BootstrapTable.defaultProps = {
     hidePageListOnlyOnePage: false,
     alwaysShowAllBtns: false,
     withFirstAndLast: true,
+    keepSizePerPageState: false,
     onSizePerPageList: undefined,
     noDataText: undefined,
     withoutNoDataText: false,

diff --git a/src/pagination/PaginationList.js b/src/pagination/PaginationList.js
@@ -14,7 +14,10 @@ class PaginationList extends Component {
   }
 
   componentWillReceiveProps() {
-    this.setState({ open: false });
+    const { keepSizePerPageState } = this.props;
+    if (!keepSizePerPageState) {
+      this.setState({ open: false });
+    }
   }
 
   changePage = page => {
@@ -25,7 +28,8 @@ class PaginationList extends Component {
       nextPage,
       lastPage,
       firstPage,
-      sizePerPage
+      sizePerPage,
+      keepSizePerPageState
     } = this.props;
 
     if (page === prePage) {
@@ -40,6 +44,8 @@ class PaginationList extends Component {
       page = parseInt(page, 10);
     }
 
+    if (keepSizePerPageState) { this.setState({ open: false }); }
+
     if (page !== currPage) {
       this.props.changePage(page, sizePerPage);
     }
@@ -56,9 +62,8 @@ class PaginationList extends Component {
       if (this.props.onSizePerPageList) {
         this.props.onSizePerPageList(selectSize);
       }
-    } else {
-      this.setState({ open: false });
     }
+    this.setState({ open: false });
   }
 
   toggleDropDown = () => {
@@ -302,7 +307,8 @@ PaginationList.propTypes = {
   nextPageTitle: PropTypes.string,
   firstPageTitle: PropTypes.string,
   lastPageTitle: PropTypes.string,
-  hidePageListOnlyOnePage: PropTypes.bool
+  hidePageListOnlyOnePage: PropTypes.bool,
+  keepSizePerPageState: PropTypes.bool
 };
 
 PaginationList.defaultProps = {