Table 表格分页

表格分页功能，支持前端分页（自动切片）和后端分页（远程请求）。

前端分页

表格传入全量数据，根据分页组件的状态进行自动切片渲染。适用于数据量较小（如千件级）的场景。

ID	姓名	年龄	地址

1	用户 1	20	某某市某某路 1 号
2	用户 2	21	某某市某某路 2 号
3	用户 3	22	某某市某某路 3 号
4	用户 4	23	某某市某某路 4 号
5	用户 5	24	某某市某某路 5 号
6	用户 6	25	某某市某某路 6 号
7	用户 7	26	某某市某某路 7 号
8	用户 8	27	某某市某某路 8 号
9	用户 9	28	某某市某某路 9 号
10	用户 10	29	某某市某某路 10 号

• 1
• 2
• 3
• 4
• 5

前端分页

后端分页

设置 pagination.remote 为 true，表格不再自动切片。用户需监听 page-change 事件，手动调用接口获取数据并更新 :data。

ID	姓名	年龄	地址

暂无数据

共 0 条

• 1

前往

页

后端分页 (远程请求)

API 说明

PaginationConfig

分页配置项：

属性名	说明	类型	默认值
currentPage	当前页码	number	1
pageSize	每页条数	number	10
total	总条数	number	0
pageSizes	每页条数选项	number[]	[10, 20, 50, 100]
layout	分页布局	string	'total, sizes, prev, pager, next, jumper'
remote	是否远程分页	boolean	false
align	对齐方式	'left' | 'center' | 'right'	'left'
background	是否显示背景	boolean	false
small	是否使用小型分页	boolean	false
hideOnSinglePage	单页时是否隐藏	boolean	false

事件

事件名	说明	回调参数
page-change	分页参数变化时触发	(params: { currentPage: number, pageSize: number }) => void