antd的Table组件实现自定义分页数据条数

最新推荐文章于 2024-04-17 16:35:54 发布

scener```y

最新推荐文章于 2024-04-17 16:35:54 发布

阅读量2.9k

点赞数 1

文章标签： elementui vue.js sass

本文链接：https://blog.youkuaiyun.com/weixin_47763287/article/details/121862605

版权

1. 在Table组件上的pagination属性上可以实现自定义分页数据条数。

<Table
      rowSelection={{
         type: selectionType,
         ...rowSelection,
       }}
       columns={columns}
       dataSource={datas}
       rowKey={record => record.id}
       pagination={{ pageSize:4 }}     //自定义每页显示的数据条数
  />

2. Table组件上的 pagination属性上可以实现不分页。

<Table
      rowSelection={{
         type: selectionType,
         ...rowSelection,
       }}
       columns={columns}
       dataSource={datas}
       rowKey={record => record.id}
       pagination={ false }     //自定义每页显示的数据条数
  />