数据表格

数据表格组件提供了强大的数据展示和管理功能，使用户能够高效处理大量数据。

获取列表数据

function onChange($inject) {
    const api = $inject.api.el('ref_F2vulxvqc841dac').list;
}

Props

属性名	类型	默认值	必需	说明
column	Array	[]	否	表格列配置
globalDataKey	String, Object	-	否	全局数据键名
fetch	Object	-	否	数据获取配置
data	Array	[]	否	静态数据
button	Object	-	否	操作按钮配置
index	Boolean	-	否	是否显示序号列
selection	Boolean	-	否	是否显示选择列
page	Object	-	否	分页配置
formCreateInject	Object	-	否	FormCreate注入对象

Events

事件名	参数	说明
sortChange	data	排序变化事件
handleClick	{name, key, scope, column}	按钮点击事件
currentChange	n	页码变化事件

Methods

方法名	参数	说明	返回值
getEl	-	获取表格元素	Element
deepGet	object, path, defaultValue	深度获取对象属性	any
initPage	-	初始化分页	-
btnProps	btn, scope	获取按钮属性	Object
getLimit	-	获取分页大小	Number
nextList	-	获取下一页数据	-
fetchData	page	获取数据	Promise
changePage	n	切换页码	-
makePage	-	创建分页组件	VNode
checkBtnShow	scope, btn	检查按钮显示	Boolean
makeButtonCol	-	创建操作列	VNode
makeColumn	col	创建表格列	VNode
makeTd	col, scope	创建表格单元格	VNode

Data

数据名	初始值	说明
total	0	总数据量
loading	false	加载状态
unwatch	null	监听器清理函数
list	[]	当前页数据
currentPage	1	当前页码
id	1	组件刷新标识
order	''	排序字段
orderBy	''	排序方式
filterList	Array	过滤后的数据列表