Appearance
数据表
概述
数据表可以将系统模块中的数据表放置在仪表盘中进行同步展示,可对数据展示条件、字段、操作功能等配置项进行设置。
设置项
设置项 | 说明 |
---|---|
数据表 | 选择卡片的数据来源。 |
过滤器 | 设置被统计进该卡片的数据过滤条件。 |
数据量 | 设置被统计进该卡片的数据数量。 |
排序字段 | 设置展示数据的排序方式。 |
允许导出 | 启用后,可支持对当前数据表数据导出Excel。 |
允许查看详情 | 启用后,可以通过点击数据查看到记录详情。 |
暗色模式 | 启用暗色模式,卡片可以配合暗色背景时使用。 |
展示类型 | 调整数据表的展示类型。 选项: 表格 、卡片 |
表格样式 | 设置表格展示样式。 选项: 显示序号 、显示边框 、显示条纹 |
表格行高 | 表格每行的高度。 选项: 小 、中 、大 |
字段显示与顺序 | 可设置在数据表卡片中展示的字段内容以及顺序。 |
单元格格式 | 通过表达式设置满足条件的单元格的展示格式,背景色 、文字颜色 、加粗 、斜体 、中划线 、下划线 、样式表达式 |
样式表达式
支持通过表达式
的方式进行CSS属性的计算,并返回一个JS对象。对应的JS对象,Key为驼峰式CSS属性名,Value为Key对应CSS属性值的字符串。如设置字体大小为20像素:
js
{
fontSize: "20px"
}
使用场景
以表格的形式显示列表数据。下文以成绩表作为示例。
效果图
配置方式
- 配置一个成绩管理表,以下是具体字段:
字段名称 | 字段类型 |
---|---|
姓名 | 单行文本 |
学科 | 列表选择 |
分数 | 小数 |
- 配置步骤:
数据表
配置为成绩管理
字段显示与顺序
添加所有字段单元格格式
中当满足条件时
配置为行内记录.分数大于等于80单元格格式
中设置字段
配置为分数
单元格格式
中样式
选择样式表单式
单元格格式
中样式表单式
配置为${ {backgroundColor: "green", color: "#fff"} }