Appearance
表格视图
概述
表格视图将数据展示为表格
形态,支持分页、拖动排序、行高、单元格样式、行内编辑等功能。
表格样式设置
主要用于配置表格的行高、字体大小、边框显示、样式(如显示序号、条纹背景等),以及分组字段、汇总方式和选择模式等,以优化表格的视觉效果和交互。
单元格编辑完成后行为
该功能主要控制单元格编辑后是否自动开启下一项的编辑,以方便我们快速的进行表格数据的填写。默认情况为不激活
。
- 如果设置为
不激活
,在激活的单元格失去焦点后,不做任何事情。 - 如果设置为
自动激活下一行
,在激活的单元格失去焦点后,会激活下一行同一列的单元格,变成编辑状态。 - 如果设置为
自动激活下一列
,在激活的单元格失去焦点后,会激活下一列可编辑的单元格,转为编辑状态,如果当前列为最后一列,激活下一行的第一列可编辑单元格。
单元格样式
使用表达式作为判断条件,对于满足条件的行可单独设置单元格样式。
我们将会提供一个示例,任务管理数据表中根据完成度
的百分比设置单元格的背景色百分比
样式表达式
样式表达式返回的数据结构为基于样式表的JSON对象。key为样式名称,value为样式的值。如果样式名称使用-
分割的,在这里将转化为小驼峰。如样式background-color
,将转为backgroundColor
。
样式表:
css
background-color: #fff
font-weight: 700
转化为样式表达式:
js
{
backgroundColor: '#fff',
fontWeight: 700
}
表格字段设置
该功能点允许用户自定义表格字段的显示、编辑、排序、表格操作按钮、及其他属性设置。其中,显示、编辑状态均支持通过表达式
控制
表头合并
支持通过添加字段分组的方式对表格的表头进行分组,并支持多级表头
表格行合并
支持通过对显示字段设置合并行,该字段行数据中连续一致的数据将合并为一个单元格