# 键值表格
本章节主要介绍键值表格组件各配置项的含义。
#### 样式
- **尺寸位置**
  - 图表尺寸：设置图表的宽和高。单位为px。
  
  - 图表位置：设置图表在画布中的位置。单位为px。
  
  
  图1键值表格   
  ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001088485867.png "点击放大") 
- **全局样式**
  - 自适应：勾选![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287619.png)时，表格会自动适应组件图层的高度。
  
  - 字体：设置组件文本的字体样式。
  
  - 左右间距：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287620.png)，设置表格的左右间距。
  
  - 上下间距：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287661.png)，设置表格的上下间距。
  
  - 边框线：输入数值或拖动![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287662.png)，设置表格边框线的粗细和颜色。
   
- **列**
  - 分割线：设置分割线的粗细和颜色。
  
  - 第一列：设置第一列的宽度；第一列文本的字体颜色、字体大小、字体类型；对齐方式和背景颜色。
  
  - 第二列：设置第二列文本的字体颜色、字体大小、字体类型；对齐方式和背景颜色。
  
  
  图2列-键值表格   
  ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0000001088943167.png "点击放大") 
- **行**
  - 分割线：设置分割线的粗细和颜色。
  
  - 奇偶行：勾选![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287902.png)时，表格会区分奇偶行。单击颜色编辑器可以设置奇偶行的颜色。
  
  
  图3行-键值表格   
  ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287905.png "点击放大") 
- **表头**
  - 高度：输入数值或单击![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287893.png)调节表头的高度。
  
  - 文本样式：设置表头文本的字体颜色、字体大小、字体类型。
  
  - 颜色：单击颜色编辑器设置表头的背景颜色。
  
  
  图4表头-键值表格   
  ![](https://support.huaweicloud.com/usermanual-dlv/zh-cn_image_0173287894.png "点击放大") 
 
#### 数据
- label： 第一列表头的内容。
- value： 第二列表头的内容。
- **数据源类型：** 选择图表的数据源。系统提供了多种数据源供用户选择，您需要先添加数据源，具体操作请参见[数据连接概述](https://support.huaweicloud.com/usermanual-dlv/dlv_01_0723.html)。
- **数据转换器** ：选择数据转换器，可以将数据转换为符合展示需求数据，数据转换器的详细介绍，请参见[使用数据转换器](https://support.huaweicloud.com/usermanual-dlv/dlv_01_0754.html)。
- **自动更新请求**：勾选自动更新请求，并设置更新间隔后，数据将根据间隔时间自动轮询。
- **预览结果**：单击"预览结果"，显示选择的数据源的数据信息。单击"更新查询"可以在数据源变更时手动更新组件数据。
 
#### 交互
关于组件是否支持交互功能及交互的使用方法，请参考[设置组件事件交互](https://support.huaweicloud.com/usermanual-dlv/dlv_01_0815.html)。