Skip to content

表格视图

概述

表格视图将数据展示为表格形态,支持分页、拖动排序、行高、单元格样式、行内编辑等功能。

表格样式设置

主要用于配置表格的行高、字体大小、边框显示、样式(如显示序号、条纹背景等),以及分组字段、汇总方式和选择模式等,以优化表格的视觉效果和交互。

单元格编辑完成后行为

该功能主要控制单元格编辑后是否自动开启下一项的编辑,以方便我们快速的进行表格数据的填写。默认情况为不激活

  • 如果设置为不激活,在激活的单元格失去焦点后,不做任何事情。
  • 如果设置为自动激活下一行,在激活的单元格失去焦点后,会激活下一行同一列的单元格,变成编辑状态。
  • 如果设置为自动激活下一列,在激活的单元格失去焦点后,会激活下一列可编辑的单元格,转为编辑状态,如果当前列为最后一列,激活下一行的第一列可编辑单元格。

单元格样式

使用表达式作为判断条件,对于满足条件的行可单独设置单元格样式。

我们将会提供一个示例,任务管理数据表中根据完成度的百分比设置单元格的背景色百分比

样式表达式

样式表达式返回的数据结构为基于样式表的JSON对象。key为样式名称,value为样式的值。如果样式名称使用-分割的,在这里将转化为小驼峰。如样式background-color,将转为backgroundColor

样式表:

css
background-color: #fff
font-weight: 700

转化为样式表达式:

js
{
    backgroundColor: '#fff',
    fontWeight: 700
}

表格字段设置

该功能点允许用户自定义表格字段的显示、编辑、排序、表格操作按钮、及其他属性设置。其中,显示、编辑状态均支持通过表达式控制

表头合并

支持通过添加字段分组的方式对表格的表头进行分组,并支持多级表头

表格行合并

支持通过对显示字段设置合并行,该字段行数据中连续一致的数据将合并为一个单元格