fix #1090, support tooltip on page button and able to custom them

Author: AllenFang

src/BootstrapTable.js

@@ -1007,6 +1007,10 @@ class BootstrapTable extends Component {
             nextPage={ options.nextPage || Const.NEXT_PAGE }
             firstPage={ options.firstPage || Const.FIRST_PAGE }
             lastPage={ options.lastPage || Const.LAST_PAGE }
+            prePageTitle={ options.prePageTitle || Const.PRE_PAGE_TITLE }
+            nextPageTitle={ options.nextPageTitle || Const.NEXT_PAGE_TITLE }
+            firstPageTitle={ options.firstPageTitle || Const.FIRST_PAGE_TITLE }
+            lastPageTitle={ options.lastPageTitle || Const.LAST_PAGE_TITLE }
             hideSizePerPage={ options.hideSizePerPage }
             sizePerPageDropDown={ options.sizePerPageDropDown }
             paginationPanel={ options.paginationPanel }
@@ -1338,6 +1342,10 @@ BootstrapTable.propTypes = {
     nextPage: PropTypes.string,
     firstPage: PropTypes.string,
     lastPage: PropTypes.string,
+    prePageTitle: PropTypes.string,
+    nextPageTitle: PropTypes.string,
+    firstPageTitle: PropTypes.string,
+    lastPageTitle: PropTypes.string,
     searchDelayTime: PropTypes.number,
     exportCSVText: PropTypes.string,
     insertText: PropTypes.string,
@@ -1474,6 +1482,10 @@ BootstrapTable.defaultProps = {
     nextPage: Const.NEXT_PAGE,
     firstPage: Const.FIRST_PAGE,
     lastPage: Const.LAST_PAGE,
+    prePageTitle: Const.PRE_PAGE_TITLE,
+    nextPageTitle: Const.NEXT_PAGE_TITLE,
+    firstPageTitle: Const.FIRST_PAGE_TITLE,
+    lastPageTitle: Const.LAST_PAGE_TITLE,
     pageStartIndex: undefined,
     searchDelayTime: undefined,
     exportCSVText: Const.EXPORT_CSV_TEXT,

src/Const.js

@@ -3,9 +3,13 @@ const CONST_VAR = {
   SORT_ASC: 'asc',
   SIZE_PER_PAGE: 10,
   NEXT_PAGE: '>',
+  NEXT_PAGE_TITLE: 'next page',
   LAST_PAGE: '>>',
+  LAST_PAGE_TITLE: 'last page',
   PRE_PAGE: '<',
+  PRE_PAGE_TITLE: 'previous page',
   FIRST_PAGE: '<<',
+  FIRST_PAGE_TITLE: 'first page',
   PAGE_START_INDEX: 1,
   ROW_SELECT_BG_COLOR: '',
   ROW_SELECT_NONE: 'none',

src/pagination/PageButton.js

@@ -20,13 +20,14 @@ class PageButton extends Component {
       'page-item': true
     });
     return (
-      <li className={ classes }>
+      <li className={ classes } title={ this.props.title }>
         <a href='#' onClick={ this.pageBtnClick } className='page-link'>{ this.props.children }</a>
       </li>
     );
   }
 }
 PageButton.propTypes = {
+  title: PropTypes.string,
   changePage: PropTypes.func,
   active: PropTypes.bool,
   disable: PropTypes.bool,

src/pagination/PaginationList.js

@@ -203,8 +203,21 @@ class PaginationList extends Component {
         const isDisabled = (isStart(page, this.props) || isEnd(page, this.props)) ?
           true :
           false;
+        let title = page + '';
+
+        if (page === this.props.nextPage) {
+          title = this.props.nextPageTitle;
+        } else if (page === this.props.prePage) {
+          title = this.props.prePageTitle;
+        } else if (page === this.props.firstPage) {
+          title = this.props.firstPageTitle;
+        } else if (page === this.props.lastPage) {
+          title = this.props.lastPageTitle;
+        }
+
         return (
           <PageButton key={ page }
+            title={ title }
             changePage={ this.changePage }
             active={ isActive }
             disable={ isDisabled }>
@@ -281,7 +294,11 @@ PaginationList.propTypes = {
   alwaysShowAllBtns: PropTypes.bool,
   withFirstAndLast: PropTypes.bool,
   sizePerPageDropDown: PropTypes.func,
-  paginationPanel: PropTypes.func
+  paginationPanel: PropTypes.func,
+  prePageTitle: PropTypes.string,
+  nextPageTitle: PropTypes.string,
+  firstPageTitle: PropTypes.string,
+  lastPageTitle: PropTypes.string
 };
 
 PaginationList.defaultProps = {