Skip to content

属性

属性名说明类型默认值
header是否显示头部的操作栏enmu
footer是否显示底部分页栏Booleantrue
tableSlot表格的插槽为true时,表格中所有的插槽名称都为default,为false时可以正常使用插槽Booleanfalse
table详细请参阅下面table属性Object

Table 属性

属性名说明类型默认值
tableColumns表格头的数据配置项Array
errData表格中无数据时显示的数据String-
setting是否显示表格右上的操作栏Booleantrue
class表格的类名String
echoSelect是否回显选中的行Booleanfalse
rowIndex表格的行索引Objectfalse
rowSelection表格的行选择配置项Objectfalse
rowExpand表格的行展开配置项Objectfalse
pagination详细请参阅element-plus的paginationObjectobject
......更多配置,请参考

TableColumns 属性

属性名说明类型默认值
show当前列是否显示enmu
checked当前列是否是选中状态和右上角的操作栏有联动效果,选中时显示,反之不显示true
setting操作栏是否显示在当前列,当值为true时表格右上的操作栏会消失Boolean
maxOperations表格最大显示的操作按钮数,超出这个数显示更多,设置prop是operations有效Number3
operations表格操作按钮列表,详情请参阅下表Object
sort列的排序,数值越小列越靠前Number
children表格头下的数据配置项,多级表头Array
......更多配置,请参考

Operations 属性

属性名说明类型默认值
message名称String
clickCb点击事件回调,在点击操作按钮时或二次确认的时候回调enmu
show是否显示enmu
sort操作的排序,数值越小列越靠前 前Number
messageBoxmessageBox的配置项messageBox
popConfirmpopConfirm的配置项popConfirm
......更多配置,请参考

事件

事件名说明类型
size-changepage-size 改变时触发Function
current-changecurrent-page 改变时触发Function
checked-change点击隐藏显示操作栏时触发Function

Header 属性

属性名说明类型默认值
message名称String
clickCb点击事件回调,在点击操作按钮时或二次确认的时候回调enmu
show是否显示enmu
sort每个的排序,数值越小按钮越靠前Number
tooltip鼠标移上去显示的内容请参考enmu
......更多配置,请参考

插槽

插槽名说明
column_[prop]column_是固定的,prop里面的值取决于tableColumns中的prop,自定义表格中的内容
column_header_[prop]column_header_是固定的,prop里面的值取决于tableColumns中的prop,自定义表格头部的内容
header_left_[key]column_header_是固定的,prop里面的值取决于header中的key,自定义表格头部操作栏的左侧
header-footer自定义表格头部操作栏的底部
header-title自定义表格头部操作栏的头部
table-empty自定义表格空的内容
table-append插入至表格最后一行之后的内容
table-body替换表格
table-left表格左边的插槽
table-right表格右边的插槽
table-footer-left分页左边的插槽
table-footer-right分页右边的插槽