笔记:
使用数据表格控件,您可以从之前创建的数据列表中获取数据。设置表格列中的字段,并根据需要对其进行样式设置。
添加数据列表控件
您可以在控件面板/高级中找到数据列表控件,用鼠标拖动将此控件添加到表单设计器。
选择数据源
选择内容列表,并根据过滤条件设置需要显示的数据。
内容
- 数据源:选择您想展示的数据列表所属的应用。然后选择所选应用下的数据列表。
- 数据过滤:单击过滤条件按钮,在此添加数据过滤的条件。
- 首要排序&次要排序:设置列表中数据的排序方式。
表格内容
在此设置数据表格中显示的列。默认情况下系统添加3个空白列,点击“添加列”按钮,即可新增列,如果您想要删除列,则点击列表右侧的删除按钮。
单击每个列项以展开设置部分。您可以选择将在表格标题单元格中显示的内容并设置其属性。
列表字段
显示名:默认情况下,标题单元格的文本=您选择的列表字段名,但您可以在显示名这里自定义显示名称。
列宽:允许您设置列的宽度(单位:px/%)
链接:选择该数据表中每一项(行)的明细页面。详细信息页面是在数据列表中创建的表单。选择默认布局将显示您在数据列表中设置的默认视图页面。如果您创建了其他自定义列表表单,这些表单将在默认布局之后显示。选择自定义链接将允许您创建动态链接。如果您只想显示此数据表中的数据,请选择无,并且数据行设置为不可点击。
打开方式:选择您希望如何打开详细信息页面。弹窗表示详情页将显示为弹窗,全屏表示点击每一行后,页面将重定向到详情页。新窗口将打开另一个窗口并显示详细信息页面。
值为空时隐藏:如果该数据列表中没有记录,则该控件将不会显示在页面上。
后备字段:设置在控件没有内容或不存在时显示的默认内容。
分页设置
仅显示部分记录:开关,默认值为关,表示所选数据源的所有记录都将显示在此数据列表控件中。您可以设置每页记录中显示的记录数目,并通过对齐设置分页的对齐方式。
当您只想显示数据源的一部分内容,请打开此开关。您可以在”记录限数”输入您希望显示的记录数目。打开查看更多记录将在此新闻控件的底部显示一个超链接。您可以在自定义文本的文本框中自定义文本。同样的,您也可以在对齐设置对齐方式。
显示
您可以在此处启用或禁用隐藏表头选项以显示或隐藏此表的标题,或启用或禁用排序表选项以允许用户对特定列的内容进行排序。
设置数据表格的样式
通用
- 表格宽度:设置数据列表的宽度(单位:px/%)
- 列宽:设置如何为每列分配列宽。“固定”表示列宽将完全按照您在列设置面板中为每列设置的值,而“自动”表示列宽将根据上面设置的“表格宽度”的总宽度进行缩放,并按每列宽度的比率进行分配。
- 表格对齐:设置表格相对于容器的对齐方式
提示:您可以选择表格宽度、列宽或表格对齐方式末尾的设备图标,为 PC、平板电脑和移动设备设置不同的样式和值。
- 边框类型:设置表格的边框类型
- 宽度:设置表格边框的宽度,四个方向的边框的宽度可单独设置,也可选择联动按钮统一设置
- 边框颜色:设置表格边框的颜色
- 主体容器隐藏边框:开关,如果希望表格主体不显示边框,则将此开关设置为“打开”状态
- 边框半径:设置边框的半径(圆角)
- 阴影:设置数据表边框阴影
表头
- 内边距:设置表头单元格中内容的内边距
- 边框类型:设置表头单元格的边框类型
- 对齐:设置表头单元格中内容的对齐方式
- 垂直对齐:设置表头单元格中内容的垂直对齐方式
- 排版:设置表头的文本排版:字体、尺寸、粗细、转换、样式、行高、字间距等
- 常规/悬停:为表头设置不同状态下的内容
- 颜色:为常规/悬停状态设置标题文本的颜色
- 背景颜色:为表头单元格设置常规/悬停状态的背景色
表格内容
- 排版:设置表格内容文本的排版选项:字体、尺寸、粗细、样式、行高、字间距等
- 常规/悬停:为表格内容设置不同状态下的样式
- 行颜色:设置每行的文本颜色
- 行背颜色:设置每行的背景颜色
- 条纹行:开关,当开关打开时,可以为表格的偶数行设置不同的颜色
- 偶数行颜色:设置偶数行的文本颜色
- 偶数行背颜色:设置偶数行的背景颜色
- 链接颜色:设置表格内容中超链接的文本颜色
- 内边距:设置表格内容单元格的内边距
- 边框类型:选择表格内容的边框类型
- 对齐:设置表格内容的对齐方式:左/中/右
- 垂直对齐:设置表格内容的垂直对齐方式:顶部/中部/底部
分页设置
- 排版:设置分页的文本排版
- 常规/悬停/活动:设置鼠标三种不同状态下的分页样式
- 颜色:设置常规/悬停/活动三种状态下的分页文本颜色
- 之间留空:设置分页数字之间的间距
- 间距:设置内容和分页之间的间距