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

高级属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
selectable | boolean | -- | 是否可选择(可绑定) |
minSelectCount | number | -- | 最少选择几条数据(可绑定) |
maxSelectCount | number | -- | 最多选择几条数据(可绑定) |
selectedRows | any[] | -- | 预置已选择数据(可绑定) |
appendSelectMode | boolean | -- | 是否为追加选择模式(可绑定)。追加选择模式下,预置已选择数据不可取消选择 |
上下文
该组件通过 exposeContext 暴露运行时上下文,使用方式如下:
- 在可执行函数(如事件函数、属性绑定函数)中,通过
$useExposeContext(key)获取; - 在自定义 Hook 或其他组件中,通过
useExposeContext(key)获取。
typescript
exposeContext({
refresh: () => refresh(),
tableRef: () => tableRef.value,
isSelectable: () => tableAttrs.value.selectable
})上下文内容:
| 键(key) | 说明 |
|---|---|
refresh | 重新加载组件 |
tableRef | QuerierTable 实例的引用,可用于调用其暴露的方法(如 getSelectedRows、doSearch、setCurrentRow 等 |
isSelectable | 返回当前表格是否启用选择功能 |
