[TOC] **配置步骤如下:** ### **1、添加表格** 点击“![](https://img.kancloud.cn/f1/aa/f1aa2c08ceb227eb559585a228af3de6_62x32.png)”图标,点击“普通表格 -> 表格”,即可添加一个表格组件; ![](https://img.kancloud.cn/08/d9/08d9ee0f9b640ff6fb8a21321fce4bbd_922x447.png) :-: 图6.31 ### **2、样式配置** #### **(1)开启排名** 控制排名序号是否显示; ![](https://img.kancloud.cn/25/6c/256ceb689c8aa7674b9af84dcba8b7f1_874x315.png) :-: 图6.32 #### **(2)字体设置** * 字体大小:设置字体的大小; * 字体位置:设置字体的位置; ![](https://img.kancloud.cn/3b/c0/3bc02c8b019d5977a9443baad09e86d0_868x354.png) :-: 图6.33 #### **(3)行高** 设置每行的高度; ![](https://img.kancloud.cn/67/63/6763d682bcd94f46bb8f7bebd43e637b_972x357.png) :-: 图6.34 #### **(4)滚动** * 开启滚动:打开开启滚动开关,表格数据滚动;关闭开启滚动开关,表格数据不滚动; * 滚动时间:设置多久滚动一次,5000为5秒滚动一次; * 滚动行数:每次滚动的行数,如设置成5,表示5行5行的滚动; ![](https://img.kancloud.cn/bf/ad/bfad42eb31171db64c1f07d7d935bb1e_981x427.png) :-: 图6.35 #### **(5)开启显隐** 设置字段列显示和隐藏的开关;预览界面可操作为 ![](https://img.kancloud.cn/19/ec/19ec4faef8c521e9203feefd628341c2_852x292.png) :-: 图6.36 #### **(6)线条** 设置表格的线条样式; * 线条:开关打开,表格显示线条; * 边框宽度:设置表格边框宽度; * 边框颜色:设置表格边框颜色; * 边框样式:设置表格边框样式,包含:实线、虚线、隐藏; ![](https://img.kancloud.cn/8e/c1/8ec1eef7bb9fa5d6ba335b38656f0ddb_856x315.png) :-: 图6.37 #### **(7)表头设置** 设置表头的样式; * 表头显隐:打开“表头显隐”开关,表头显示;关闭“表头显隐”开关,表头隐藏; * 表头颜色:设置表头的字体颜色; * 表头背景:设置表头的背景颜色; ![](https://img.kancloud.cn/36/f9/36f9da39bac3e4750014c1efb24b42d6_848x296.png) :-: 图6.38 #### **(8)表体设置** 设置表体样式; * 文字颜色:设置表体的文字颜色; * 表格背景:设置表体背景; * 字体位置:设置表体字体位置,包含居中、左对齐、右对齐; * 奇行颜色:设置表体奇行颜色; * 偶行颜色:设置表体偶行颜色; ![](https://img.kancloud.cn/8d/cf/8dcfc01dfa21e50c191599798b7fb370_855x342.png) :-: 图6.39 #### **(9)字段设置** 需要在这里配置跟数据源一样的字段“key值”和表头名称;宽度对应的列宽设置; 例如:图6.391中字段类型为”key1“和”key2“,需要在这里配置,如图6.392; :-: ![](https://img.kancloud.cn/d8/7f/d87f5a21276fc896cec86ed9f560feb2_474x358.png) :-: 图6.391 ![](https://img.kancloud.cn/76/10/76103a6c430e45bfc1ea05a0f9598c8f_403x206.png)