表格

基础用法

自定义内容和插槽

控制栏

多级表头

头部操作栏

列表操作栏

分页

树形数据

属性

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

Table 属性

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

TableColumns 属性

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

Operations 属性

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

事件

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

属性名	说明	类型	默认值
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	分页右边的插槽