Table 用来展示 list data ,配置项如下:
组件名称
当前窗口的名称, 没特殊要求,当前窗口唯一,字符串。
实体
当前Form绑定的实体,entity 或者 DTO
样式规则脚本
根据当前行的数据进行业务处理,返回一个id ,此 id 对应的样式在下面的脚本中配置。与 样式脚本 配合使用。举例:`return record.age === 27 ? '11111' : '0';` 此脚本使用 js 写, record 指当前行的数据。
样式脚本
样式脚本,数组,与 样式规则脚本 配合使用,返回一个包含多种配置(每个配置有一个对应的唯一id)的数组。举例
固定操作列
固定操作列,有 4 个选项:空白(无悬浮,默认),false(无悬浮),left (左侧悬浮),right(右侧悬浮)
操作列宽度
操作列宽度,百分比或者固定宽度,举例:20% 或者 100px
树形结构列的字段名
如果当前组件需要展示树形结构的数据,那么需要选择树形节点对应的字段名称,默认 children。
size
组件 Size,有 3 个可选值,默认值,middle,small, theme 中的 size 优先级 < 此处 sizie 优先级
展示边框
是否展示边框,size 为 small 时,此选项无效,统一显示边框。
显示底部(table footer)
显示底部(table footer)
底部显示统计
底部显示统计,比如:需要算一些求和,平均数等。
显示列头名称
显示列头名称,默认勾选
显示序号
是否显示序号
显示列过滤功能
显示列过滤功能
固定头和列
指定滚动区域的宽
列左悬浮或者右悬浮的时候,需要指定滚动区域的宽度,举例:1000px
指定滚动区域的高
头部悬浮时,需要指定滚动区域的高,举例:500px
选择模式
配置行的选择模式,默认不可勾选,checkbox: 可多选,radio:可单选
去掉『全选』『反选』两个默认选项
选择模式为 checkbox 时生效,是否显示 全选 反选 两个默认选项,默认不勾选,此项不常用。
分页信息
是否显示分页
指定分页的位置
分页组件的位置,有 3 个选项,top:分页显示在上面 bottom: 分页显示在下面 both: 上面和下面均显示分页
指定每页可以显示多少条
配置每页可以显示多少条数据,默认 20,如果配置多个选项,则第一个选项作为默认值。
是否可以快速跳转至某页
是否可以快速跳转至某页
是否可以改变 pageSize
是否可以改变 pageSize,与 指定每页可以显示多少条配合使用。
数据总数作为改变 pageSize 的选项
数据总数作为改变 pageSize 的选项
显示数据总数
显示数据总数,可以指定显示的文本模板
数量模板("${total}"不可更改)
显示数据总数 的模板,举例:需要显示: 共计 XXX 条保单信息 ,模板应该配置: 共计${total}条保单信息