跳到主要内容

表格

配置步骤如下：

1、添加表格​

点击“”图标，点击“普通表格 -> 表格”，即可添加一个表格组件；

图6.31

2、样式配置​

（1）开启排名​

控制排名序号是否显示；

图6.32

（2）字体设置​

  • 字体大小：设置字体的大小；
  • 字体位置：设置字体的位置；

图6.33

（3）行高​

设置每行的高度；

图6.34

（4）滚动​

  • 开启滚动：打开开启滚动开关，表格数据滚动；关闭开启滚动开关，表格数据不滚动；
  • 滚动时间：设置多久滚动一次，5000为5秒滚动一次；
  • 滚动行数：每次滚动的行数，如设置成5，表示5行5行的滚动；

图6.35

（5）开启显隐​

设置字段列显示和隐藏的开关；预览界面可操作为

图6.36

（6）线条​

设置表格的线条样式；

  • 线条：开关打开，表格显示线条；
  • 边框宽度：设置表格边框宽度；
  • 边框颜色：设置表格边框颜色；
  • 边框样式：设置表格边框样式，包含：实线、虚线、隐藏；

图6.37

（7）表头设置​

设置表头的样式；

  • 表头显隐：打开“表头显隐”开关，表头显示；关闭“表头显隐”开关，表头隐藏；
  • 表头颜色：设置表头的字体颜色；
  • 表头背景：设置表头的背景颜色；

图6.38

（8）表体设置​

设置表体样式；

  • 文字颜色：设置表体的文字颜色；
  • 表格背景：设置表体背景；
  • 字体位置：设置表体字体位置，包含居中、左对齐、右对齐；
  • 奇行颜色：设置表体奇行颜色；
  • 偶行颜色：设置表体偶行颜色；

图6.39

（9）字段设置​

需要在这里配置跟数据源一样的字段“key值”和表头名称；宽度对应的列宽设置；

例如：图6.391中字段类型为”key1“和”key2“，需要在这里配置，如图6.392；

图6.391

3、数据格式​

数据格式示例​

[
    {
        "type1": "张三",
        "type2": "1"
    },
    {
        "type1": "刘东",
        "type2": "2"
    }
]