Skip to content

Table 表格分页

表格分页功能,支持前端分页(自动切片)和后端分页(远程请求)。

前端分页

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

前端分页

后端分页

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

后端分页 (远程请求)

API 说明

PaginationConfig

分页配置项:

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

事件

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

Released under the MIT License.