数据表格

笔记:

使用数据表格控件,您可以从之前创建的数据列表中获取数据。设置表格列中的字段,并根据需要对其进行样式设置。

添加数据列表控件

您可以在控件面板/高级中找到数据列表控件,用鼠标拖动将此控件添加到表单设计器。

选择数据源

选择内容列表,并根据过滤条件设置需要显示的数据。

内容

  1. 数据源:选择您想展示的数据列表所属的应用。然后选择所选应用下的数据列表。
  2. 数据过滤:单击过滤条件按钮,在此添加数据过滤的条件。
  3. 首要排序&次要排序:设置列表中数据的排序方式。

表格内容

在此设置数据表格中显示的列。默认情况下系统添加3个空白列,点击“添加列”按钮,即可新增列,如果您想要删除列,则点击列表右侧的删除按钮。

单击每个列项以展开设置部分。 您可以选择将在表格标题单元格中显示的内容并设置其属性。

列表字段

显示名:默认情况下,标题单元格的文本=您选择的列表字段名,但您可以在显示名这里自定义显示名称。

列宽:允许您设置列的宽度(单位:px/%)

链接:选择该数据表中每一项(行)的明细页面。 详细信息页面是在数据列表中创建的表单。 选择默认布局将显示您在数据列表中设置的默认视图页面。 如果您创建了其他自定义列表表单,这些表单将在默认布局之后显示。选择自定义链接将允许您创建动态链接。 如果您只想显示此数据表中的数据,请选择无,并且数据行设置为不可点击。

打开方式:选择您希望如何打开详细信息页面。 弹窗表示详情页将显示为弹窗,全屏表示点击每一行后,页面将重定向到详情页。 新窗口将打开另一个窗口并显示详细信息页面。

值为空时隐藏:如果该数据列表中没有记录,则该控件将不会显示在页面上。

后备字段:设置在控件没有内容或不存在时显示的默认内容。

分页设置

仅显示部分记录:开关,默认值为,表示所选数据源的所有记录都将显示在此数据列表控件中。您可以设置每页记录中显示的记录数目,并通过对齐设置分页的对齐方式。

当您只想显示数据源的一部分内容,请打开此开关。您可以在“记录限数”输入您希望显示的记录数目。 打开查看更多记录将在此新闻控件的底部显示一个超链接。 您可以在自定义文本的文本框中自定义文本。同样的,您也可以在对齐设置对齐方式。

显示

您可以在此处启用或禁用隐藏表头选项以显示或隐藏此表的标题,或启用或禁用排序表选项以允许用户对特定列的内容进行排序。

设置数据表格的样式

通用

  • 表格宽度:设置数据列表的宽度(单位:px/%)
  • 列宽:设置如何为每列分配列宽。“固定”表示列宽将完全按照您在列设置面板中为每列设置的值,而“自动”表示列宽将根据上面设置的“表格宽度”的总宽度进行缩放,并按每列宽度的比率进行分配。
  • 表格对齐:设置表格相对于容器的对齐方式

提示:您可以选择表格宽度、列宽或表格对齐方式末尾的设备图标,为 PC、平板电脑和移动设备设置不同的样式和值。

  • 边框类型:设置表格的边框类型
  • 宽度:设置表格边框的宽度,四个方向的边框的宽度可单独设置,也可选择联动按钮统一设置
  • 边框颜色:设置表格边框的颜色
  • 主体容器隐藏边框:开关,如果希望表格主体不显示边框,则将此开关设置为“打开”状态
  • 边框半径:设置边框的半径(圆角)
  • 阴影:设置数据表边框阴影

表头

  1. 内边距:设置表头单元格中内容的内边距
  2. 边框类型:设置表头单元格的边框类型
  3. 对齐:设置表头单元格中内容的对齐方式
  4. 垂直对齐:设置表头单元格中内容的垂直对齐方式
  5. 排版:设置表头的文本排版:字体、尺寸、粗细、转换、样式、行高、字间距等
  6. 常规/悬停:为表头设置不同状态下的内容
  7. 颜色:为常规/悬停状态设置标题文本的颜色
  8. 背景颜色:为表头单元格设置常规/悬停状态的背景色

表格内容

  1. 排版:设置表格内容文本的排版选项:字体、尺寸、粗细、样式、行高、字间距等
  2. 常规/悬停:为表格内容设置不同状态下的样式
  3. 行颜色:设置每行的文本颜色
  4. 行背颜色:设置每行的背景颜色
  5. 条纹行:开关,当开关打开时,可以为表格的偶数行设置不同的颜色
  6. 偶数行颜色:设置偶数行的文本颜色
  7. 偶数行背颜色:设置偶数行的背景颜色
  8. 链接颜色:设置表格内容中超链接的文本颜色
  9. 内边距:设置表格内容单元格的内边距
  10. 边框类型:选择表格内容的边框类型
  11. 对齐:设置表格内容的对齐方式:左/中/右
  12. 垂直对齐:设置表格内容的垂直对齐方式:顶部/中部/底部

分页设置

  1. 排版:设置分页的文本排版
  2. 常规/悬停/活动:设置鼠标三种不同状态下的分页样式
  3. 颜色:设置常规/悬停/活动三种状态下的分页文本颜色
  4. 之间留空:设置分页数字之间的间距
  5. 间距:设置内容和分页之间的间距
Updated on 2022年7月5日

Was this article helpful?

Related Articles