最新版本v1.0.60
Table 表格分页
表格分页功能,支持前端分页(自动切片)和后端分页(远程请求)。
前端分页
表格传入全量数据,根据分页组件的状态进行自动切片渲染。适用于数据量较小(如千件级)的场景。
前端分页
后端分页
设置 pagination.remote 为 true,表格不再自动切片。用户需监听 page-change 事件,手动调用接口获取数据并更新 :data。
后端分页 (远程请求)
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 |