react-開發經驗分享-Table表格組件裏自定義翻頁方法

ant框架裏，Table表格組件裏自定義翻頁組件的方法
在Table表格組件裏，自帶了pagination翻頁方法，不需要手動去寫
但是
這個翻頁是最基礎的翻頁
很多時候，開發需求需要更多的翻頁功能
比如
輸入頁碼數字跳轉到對應頁碼
自定義每頁展示多少條數據等等
這時就需要在Table里加上pagination的需求方法

// 需要注意的是，pagination接受的是object，所以需要使用雙括號

onShowSizeChange = (current, pageSize) => {
  console.log(current, pageSize);
}

onChange(date, dateString) {
   console.log(date, dateString);
}

<Table 
     columns={this.columns}
     dataSource={ProjectData}
     rowSelection={rowSelection}
     scroll={{x: 2500}}
     bordered={true}
     pagination={{
       showSizeChanger: true, // 是否允許快速跳轉至某頁
       showQuickJumper: true, // 是否允許改變 pageSize
       onShowSizeChange: this.onShowSizeChange, // pageSize 變化的回調
       onChange: this.onChange, // 頁碼改變的回調，參數是改變後的頁碼及每頁條數
    }}
/>