表格方法

表格方法使用方式,可参照上面示例,如:
<template><vol-table ref="tableRef"></vol-table></template>
<script setup>
const tableRef=ref();
const addRow=()=>{tableRef.value.addRow({字段:值})}
</script>

方法说明参数
load刷新表格数据,配置url接口地址生效,load(params, reset)params:加载参数(可选,与web的查询前方法参数一致),reset:是否重置分页(可选,默认false)
addRow添加行,addRow(row)row:要添加的行数据对象,返回添加的行对象
delRow删除行,delRow(rows)rows:要删除的行数据或行数组(可选,不传则删除选中的行),返回删除的行数组
reset重置表格分页信息,reset()
setEdit指定某行进入编辑状态,setEdit(index)index:指定第几行开启编辑(0开始),为-1时结束编辑
clearSelection清除选中的行,clearSelection()
toggleRowSelection指定选中某行(必须设置ck属性才有效),toggleRowSelection(row)row:要选中的行数据对象
updateSummary刷新指定字段合计信息(只会计算当前表格的数据),updateSummary(fields, reset)fields:字段名数组或单个字段名(可选,不传则刷新所有合计字段),reset:是否重置配置(可选,默认false)
getSelected获取选中的行,getSelected()返回选中的行数组
getSelectionRows获取选中的行(与getSelected相同),getSelectionRows()返回选中的行数组
getSelectedIndex获取选中行的索引,getSelectedIndex(rows)rows:行数组(可选,不传则获取当前选中的行),返回索引数组
initSummary初始化合计字段配置(如果是动态表格字段配置,修改配置后调用此方法初始化合计配置),initSummary()
initDicKeys刷新(下拉框)字典数据源,initDicKeys(reset)reset:是否重置(可选,默认true)
getTable获取原生element plus的table组件(操作一些element的原生table事件可能会用到),getTable()返回原生table组件实例
getTableData获取表格数据,getTableData()返回表格数据数组
setHeight设置表格高度(动态修改表格高度时有用),setHeight(value)value:高度值(数字)
validate验证表格数据,validate(callBack)callBack:验证完成回调函数(可选),返回验证结果(boolean)
paginations分页信息对象(只读)包含page(当前页),size(每页大小),total(总条数),sort(排序字段),order(排序方式)等
edit编辑状态对象(只读)包含rowIndex(当前编辑行索引),columnIndex(当前编辑列索引)
realHeight实际表格高度(只读)表格实际高度值
summaryData合计数据数组(只读)合计行的数据数组
summaryIndex合计索引对象(只读)合计字段的索引映射对象
Last Updated 2026/1/24 08:25:51
ON THIS PAGE