显示表格组件。
## 属性
| 参数 | 说明 | 类型 | 可选值 | 默认值
| --- | --- | --- | --- | ---
| api | 数据请求api,如果没有设置其他场景的api,将使用这个api | string | |
| api-method | 指定所有请求使用的方法 | string | get,post,put,delete | post
| pager-api | 分页请求api | string | |
| sorter-api | 排序请求api | string | |
| search-api | 查询请求api | string | |
| table-data | 当前显示的数据,支持sync修饰符 | array | |
| init-json | 初始化json内容,该内容与api返回内容相同,主要用于后端模板渲染方式,该参数支持指定pagesize,currentpage初始化:{data:[],pagesize:10,currentpage:2}。但是要注意init-json属性会覆盖设置的标签prop。 | string | |
| total | 给分页内容设置总信息数,一般只用于初始化的时候使用,支持sync修饰符 | number | |
| pager-page-size | 初始化指定每页信息数量 | number | | 10
| pager-current-page | 指定当前页码,支持sync修饰符 | number | | 1
| with-pager | 是否启用分页 | Boolean | | true
| pager-layout | 分页部分启用的内容 | string | total, sizes, prev, pager, next, jumper | total, sizes, prev, pager, next, jumper
| pager-ref | 使用自定义的pager组件 | object | |
| selection | 通过表格的多选框选中的keys数组,支持sync修饰符 | string | |
| select-prop | 指定表格多选框选中后值的属性名称 | string | 表格data里的行属性 | id
| search-form-filter | 当页面有多个searchForm时,用于指定关联的searchForm | string | |
| toolbar-filter | 当前工具栏的区分标识,当页面有其他元素与工具栏关联且拥有多个工具栏时使用 | string | |
| 其他 | 支持所有el-table的属性
## 方法
| 参数 | 说明 | 参数
| --- | --- | ---
| refresh | 如果需要手动刷新表格,可通过调用实例的refresh()方法 | 无
## 事件
| 事件 | 说明 | 参数
| --- | --- | ---
| pager-current-change | 当前页码变化事件 | currentpage:修改后的页码
| pager-size-change | 每页显示信息数量变化 | pagesize:修改后的每页信息数量
| sort-change | 数据排序变化时 | 排序内容对象:{column,prop,oder}
| selection-change | 复选框变化时的事件 | 当前选择的值
| searched | 页面关联的searchForm查询后事件 | searchData:搜索数据;searchFormFilter:关联标识;data:搜索后表格数据。
| api-success | 表格进行api请求返回结果成功 | response:返回内容
| api-fail | 表格进行api请求返回结果失败 | response:返回内容
| toolbar-deleted | 关联toolbar的删除按钮执行事件 | deleteParam:删除参数;toolbarFilter:关联标识;response:返回内容
| toolbar-enable | 关联toolbar的“设置为可用”按钮执行后事件 | isSuccess:是否成功,指示请求返回的结果是否成功;toolbarFilter:关联标识;response:返回内容。
| toolbar-disable | 关联toolbar的“设置为不可用”按钮执行后事件 | isSuccess:是否成功,指示请求返回的结果是否成功;toolbarFilter:关联标识;response:返回内容。
| 其他 | 支持所有el-table的事件
## 插槽
| 插槽名 | 说明
| --- | ---
| append | 插入至表格最后一行之后的内容,如果需要对表格的内容进行无限滚动操作,可能需要用到这个 slot。若表格有合计行,该 slot 会位于合计行之上。
| empty | 空数据时显示的文本内容,也可以通过属性`empty-text`设置。
- 序言
- 安装
- 组件查询
- buttons
- WdApiButton
- WdDrawerButton
- WdRefreshButton
- WdRouteButton
- WdConfirmButton
- datagrid
- WdDatagrid
- WdGridDeleteButton
- WdGridEnableButton
- editgrid
- WdEditgrid
- WdEditgridCell
- element
- WdCard
- WdCollapse
- WdDrawerIframe
- WdIframe
- WdLabel
- WdSplitLabel
- WdDetail
- WdToolBar
- WdRepeater
- WdApiManager
- form
- WdDataForm
- WdSelect
- WdRadioList
- WdCheckboxList
- WdUploadImage
- search
- WdSearchCheckbox
- WdSearchDatepick
- WdSearchForm
- WdSearchInput
- WdSearchRadio
- WdSearchSelect
- tree
- WdTree
- 内置服务
- ajax服务
- 消息服务
- 框架方法
- tab操作
- 其他
- demo说明