PagedTable 分页表格

PagedList组件和DataTable组件的高阶封装,集成两组件功能,可用于生成通用分页表格。

基础用法

需要传入columns来生成表格列,需要传入data来显示数据和分页组件,需要传入get-paged-data回调函数来响应组件内数据变化。

复杂功能

本例模拟了常见场景下的列表页面的基础要素,包括搜索条件,分页,单一条件排序(后端排序)

使用提示

Attributes

组件支持PagedList组件的绝大部分属性,以下仅列举额外熟悉

参数类型说明可选值默认值
row-keystringTable组件的rowKey属性----
columnsobject[]Table组件的columns对象扩展对象数组,支持最小宽度和最大宽度设置,具体参数见PagedTbColumnProps----
v-model:selectionValue(string|number)[]远程排序数据的初始值。格式为{orderby: 'id',order: 'desc'}----

Events

组件继承了PagedList组件和Table组件的大部分事件,可直接在组件上监听对应组件事件。

Methods

组件代理了PagedList组件和Table组件提供的所有方法,可以直接在组件实例上调用。

PagedTbColumnProps

参数类型说明可选值默认值
idstring列的唯一key----
minWidthnumber最小宽度----
maxWidthnumber最大宽度----
actionsobject[]操作按钮对象数组,传递给ActionBtns组件----
Last Updated:
Contributors: wxhccc, wxhccche