# ArrayTable

自增表格,对于数据量超大的场景比较适合使用该组件,虽然数据量大到一定程度会有些许卡顿,但是不会影响基本操作

注意:该组件只适用于 Schema 场景,且只能是对象数组

# Markup Schema 案例

# JSON Schema 案例

# Effects 联动案例

# JSON Schema 联动案例

# API

# ArrayTable

表格组件

参考 https://element.eleme.io/#/zh-CN/component/table (opens new window)

# ArrayTableColumn

表格列

参考 https://element.eleme.io/#/zh-CN/component/table (opens new window)

扩展属性

属性名 类型 描述 默认值
asterisk boolean 星号显示 true

ArrayTableColumn 会自动检查内部的 FormItem 是否必填,并自动在表头加上红色星号。如果不希望显示,可通过 asterisk 属性进行覆盖。

# ArrayTableAddition

添加按钮

扩展属性

| 属性名 | 类型 | 描述 | 默认值 | | ------ | ---- | ---- | ------ || | title | string | 文案 | | | method | 'push' | 'unshift' | 添加方式 | 'push' |

其余参考 https://element.eleme.io/#/zh-CN/component/button (opens new window)

注意:title 属性可以接收 Field 模型中的 title 映射,也就是在 Field 上传 title 也是生效的

# ArrayTableRemove

删除按钮

属性名 类型 描述 默认值
title string 文案

其余参考 https://element.eleme.io/#/zh-CN/component/button (opens new window)

注意:title 属性可以接收 Field 模型中的 title 映射,也就是在 Field 上传 title 也是生效的

# ArrayTableMoveDown

下移按钮

属性名 类型 描述 默认值
title string 文案

其余参考 https://element.eleme.io/#/zh-CN/component/button (opens new window)

注意:title 属性可以接收 Field 模型中的 title 映射,也就是在 Field 上传 title 也是生效的

# ArrayTableMoveUp

上移按钮

属性名 类型 描述 默认值
title string 文案

其余参考 https://element.eleme.io/#/zh-CN/component/button (opens new window)

注意:title 属性可以接收 Field 模型中的 title 映射,也就是在 Field 上传 title 也是生效的

# ArrayTableIndex

索引渲染器

无属性

# useArrayTableIndex

读取当前渲染行索引的 Hook

Last Updated: 7/27/2021, 10:56:57 AM