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

配置方式
- 配置一个成绩管理表,以下是具体字段:
| 字段名称 | 字段类型 |
|---|---|
| 姓名 | 单行文本 |
| 学科 | 列表选择 |
| 分数 | 小数 |
- 配置步骤:
数据表配置为成绩管理字段显示与顺序添加所有字段单元格格式中当满足条件时配置为行内记录.分数大于等于80单元格格式中设置字段配置为分数单元格格式中样式选择样式表单式单元格格式中样式表单式配置为${ {backgroundColor: "green", color: "#fff"} }

