基础组件-表格

概述

表格组件是基本组件的一种，可以通过表格的形式来展示数据。
该组件在编辑器中的位置如下图所示：

添加方式

从组件工具栏将表格组件拖拽到编辑器面板。

属性配置

组件尺寸：包括组件的宽度和高度，单位为像素。

• 可以输入数值自定义大小。
  
• 也可以通过拖拽的方式改变组件的宽高。
  

外观
主题：可以选择主题颜色。

表头属性：可以单独设置表头的字体、字号、样式、对齐方式、文字颜色、背景颜色。
字体：可选择字体样式。

字号：设置文字大小。

样式：可以设置文字加粗、斜体、删除线、下划线。

对齐：文字的对齐方式，包括左对齐、居中对齐、右对齐。

文字颜色：表头文字的颜色。

• 在颜色调色板中选择颜色和透明度。
  
• 手动输入RGB、HSL、Hex数值，改变颜色。
  

背景颜色：表头单元格的背景颜色。

• 在颜色调色板中选择颜色和透明度。
  
• 手动输入RGB、HSL、Hex数值，改变颜色。
  

表格序号：勾选显示序号列，取消勾选则不显示。

自动换行：勾选时单元格文本自动换行，取消勾选则超出单元格的内容显示为省略号。

表格属性：表格的属性配置。
每页行数：设置表格的行数。

• 可以输入数值改变表格行数。
  
• 也可以通过点击（ ）改变表格行数。
  

字体：可选择字体样式。

字号：设置文字大小。

样式：可以设置文字加粗、斜体、删除线、下划线。

对齐：文字的对齐方式，包括左对齐、居中对齐、右对齐。

文字颜色：表格文字的颜色。

• 在颜色调色板中选择颜色和透明度。
  
• 手动输入RGB、HSL、Hex数值，改变颜色。
  

奇行颜色：奇数行表格的背景颜色。

• 在颜色调色板中选择颜色和透明度。
  
• 手动输入RGB、HSL、Hex数值，改变颜色。
  

偶行颜色：偶数行表格的背景颜色。

• 在颜色调色板中选择颜色和透明度。
  
• 手动输入RGB、HSL、Hex数值，改变颜色。
  

网格线：可以勾选是否显示水平线或垂直线。

网格颜色：设置表格线框颜色。

• 在颜色调色板中选择颜色和透明度。
  
• 手动输入RGB、HSL、Hex数值，改变颜色。
  

动画属性：勾选可进行当前表格的轮播。

时间（秒）：通过设置时间数值，改变当前表格轮播速度。输入数值或点击（ ）可改变时间数值。

重置主题样式：一键还原为组件初始化的样式。

可以双击选中其中一列单独进行属性配置。
另外，表格还支持设置行高、列宽：
行高设置如下图：

列宽设置：双击某列，拖拽边框调整列宽

数据源连接

除了常用的选择要展示的字段外，您还可以
1、设置分页
2、按需设置一个操作项，比如设置一个“详情”栏，点击后直接跳转到一个新的页面。

分页设置

操作设置

同时，表格组件还支持导出数据的功能，您可以勾选“支持数据下载”选项，然后在发布页面就可以正常下载了。