Skip to content

EasyTable

EasyTable 是一个基于查询器Table封装的的低代码平台的表格组件, 集成了查询、分页、列配置、行操作、数据选择等完整能力,并支持通过可视化配置动态生成搜索区、操作区及列渲染逻辑。配置属性可参考 查询器Table

可视化配置

高级属性

属性名类型默认值说明
selectableboolean--是否可选择(可绑定)
minSelectCountnumber--最少选择几条数据(可绑定)
maxSelectCountnumber--最多选择几条数据(可绑定)
selectedRowsany[]--预置已选择数据(可绑定)
appendSelectModeboolean--是否为追加选择模式(可绑定)。追加选择模式下,预置已选择数据不可取消选择

上下文

该组件通过 exposeContext 暴露运行时上下文,使用方式如下:

  • 可执行函数(如事件函数、属性绑定函数)中,通过 $useExposeContext(key) 获取;
  • 自定义 Hook 或其他组件中,通过 useExposeContext(key) 获取。
typescript
exposeContext({
  refresh: () => refresh(),
  tableRef: () => tableRef.value,
  isSelectable: () => tableAttrs.value.selectable
})

上下文内容:

键(key)说明
refresh重新加载组件
tableRefQuerierTable 实例的引用,可用于调用其暴露的方法(如 getSelectedRowsdoSearchsetCurrentRow
isSelectable返回当前表格是否启用选择功能