ant design的table组件实现全选功能以及自定义分页

我就废话不多说了，大家还是直接看代码吧~

ant design的table组件实现全选功能以及自定义分页

直接附上全部代码以及截图了

截图：

补充知识：ant design pro带分页 自定义表格列 搜索表格组件封装

ant design pro中有一个基础表格的封装，但是分页是前端分页处理数据；

项目中每个页面都有用到表格，且表格都有分页、搜索、自定义表格，所以封装了一个定制的表格组件

实现页面效果

组件参数

参数	说明	类型	默认值
tablepatam	表格的一些参数，pagesize/pageno/loading/filterparam object {}
data	表格数据	array	[]
rowkey	页面的唯一key	string	“”
pathname	页面路径	string	“”
columns	表格的列数据	array	[]
changesearch	改变搜索内容的方法	function
onchange	表格排序、过滤、分页的方法调用	function
handlesearch	处理点击搜索的方法	function
handlerefresh	点击刷新按钮的方法	function
searchplaceholder	搜索框中的placeholder内容	string	按名称搜索

封装的注意点

分页

排序

搜索

页面整个代码

组件页面

调用组件页面

以上这篇ant design的table组件实现全选功能以及自定义分页就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。