Skip to content

数据表

概述

数据表可以将系统模块中的数据表放置在仪表盘中进行同步展示,可对数据展示条件、字段、操作功能等配置项进行设置。

设置项

设置项说明
数据表选择卡片的数据来源。
过滤器设置被统计进该卡片的数据过滤条件。
数据量设置被统计进该卡片的数据数量。
排序字段设置展示数据的排序方式。
允许导出启用后,可支持对当前数据表数据导出Excel。
允许查看详情启用后,可以通过点击数据查看到记录详情。
暗色模式启用暗色模式,卡片可以配合暗色背景时使用。
展示类型调整数据表的展示类型。
选项:表格卡片
表格样式设置表格展示样式。
选项:显示序号显示边框显示条纹
表格行高表格每行的高度。
选项:
字段显示与顺序可设置在数据表卡片中展示的字段内容以及顺序。
单元格格式通过表达式设置满足条件的单元格的展示格式,背景色文字颜色加粗斜体中划线下划线样式表达式

样式表达式

支持通过表达式的方式进行CSS属性的计算,并返回一个JS对象。对应的JS对象,Key为驼峰式CSS属性名,Value为Key对应CSS属性值的字符串。如设置字体大小为20像素:

js
{
    fontSize: "20px"
}

使用场景

以表格的形式显示列表数据。下文以成绩表作为示例。

效果图

效果图

配置方式

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