表格

1

选择模型

用于选择数据模型

模型选择组件

-

-

√

2

只读

只读只显示数据，不可编辑操作表格

switch开关

开/关

关

√

3

启用添加

新增添加按钮，可以添加新一行

switch开关

开/关

关

√

4

是否允许复选框选中数据

可通过勾选复选框，选择多条数据

switch开关

开/关

关

√

5

表格高度

手动设置表格高度

数字选择器

-

-

√

6

表格最大高度

限制表格的最大高度

数字选择器

-

-

√

7

默认排序

设置字段，通过写一个Object，根据对象定位表格

input输入框

-

-

√

8

测试数据

提供表格的测试数据

代码编辑器

-

-

√

9

表格数据

提供表格的默认数据

代码编辑器

-

-

√

10

查询数据的方法

获取表格数据的方法

代码编辑器

-

-

√

11

分页配置

配置表格的分页功能

代码编辑器

-

-

√

12

表格列

选中模型后展示全部的表格列

metaArrayList

-

-

√

13

行操作设置

设置对单个行的操作

select选择器

-

-

√

14

自定义行操作

新增操作列，对行可新增自定义操作列

metaCollapse

-

-

√

15

表格列最小宽度

设置表格列的宽度最小值

数字输入框

-

-

√

16

表格列宽度

设置表格列的宽度

数字输入框

-

-

√

17

启用折叠

新增折叠列

switch开关

开/关

关

√

18

树形表字段

从表格数据中选择

select选择器

-

-

√

19

折叠表格映射

选择需要折叠的某一行或某一列

代码编辑器

-

-

√

20

默认展开所有行

默认展开表格的每一行设置

switch开关

开/关

关

√

21

展开的行id数组

设置想要折叠某一行的数据，通过id设置

代码编辑器

-

-

√

22

渲染优化

优化表格数据渲染

代码编辑器

-

-

√

1

列标题

列标题列文字

input输入框

-

-

2

列字段

列的标识字段

input输入框

-

-

3

列宽

设置每一列宽度

数字编辑器

大于0的整数

48

4

最小列宽

设置列最小宽度

数字编辑器

大于0的整数

-

5

格式化方法

格式化表格列的方法

代码编辑器

-

-

6

文本溢出显示tooltip

文本溢出是否显示tooltip

switch开关

关

-

7

列固定

列固定的方位

select选择器

-

-

8

是否排序

是否自动对表格进行排序

switch开关

关

-

9

表头tip

表头提示按钮显示

switch开关

关

-

10

表头tip内容

内容的文本设置

input输入框

-

-

11

是否可编辑

设置这一行数据是否可编辑

switch开关

关

-

12

必填

是否必填

switch开关

关

-

13

控件类型

设置表格某一列是什么类型

select选择器

-

输入框

14

默认值

设置表格列的默认值

select选择器

-

-

15

类型

根据控件类型变换展示类型

select选择器

根据控件类型变换

-

1

onSortChange

排序条件变化事件

表格顺序发生变化，也可在删除行时触发

2

onExpandChange

表格行展开事件

展开一行表格时触发回调的事件

3

onUpdate:modelValue

绑定值改变时触发

表格绑定的表格数据发生变化时触发