使用数据表控件,您可以从之前创建的数据列表之一获取数据。动态查询,将数据抓取到列中,并根据需要进行样式设置。
将数据表添加到页面
首先,在控件添加面板中找到数据表控件。然后,将其拖放到页面上的一个部分或容器中。
选择数据源
选择数据表将要显示的数据列表。
打开内容 > 数据源块,在应用程序,默认选择当前应用程序。
之后,前往列表。选择选定应用程序下的数据列表。
数据查询:选择搜索数据的方法。
设置主要顺序和次要顺序,以正确排序您的数据。
设置表格内容
选择数据表控件的布局
转到“表格内容”部分。从下拉列表中正确选择布局。
您可以从中选择的布局有3种类型:
表格视图:如果您想以表格形式显示数据表布局和项,请选择此选项。每个项目将作为一行显示,带有预定义的列。
卡片视图:选择此选项将逐一显示项,每个项都有独立的区域。
动态:如果布局设置为动态,文档库将在PC和平板设备上设置为表格视图,在移动设备上设置为卡片视图。
默认:布局的默认设置是动态的。
表格视图和卡片视图的属性和样式可以单独设置。因此,如果选择了默认/动态布局,您将能够看到表格视图和卡片视图的所有相关设置。否则,您将只能看到表格视图相关的设置,或卡片视图相关的设置。
2.向数据表控件添加显示字段
要添加字段,请在布局后找到显示字段设置,然后点击“设置”按钮打开选择列表字段窗口。选择字段并设置显示顺序,然后点击“确定”按钮添加这些字段。
您可以拖动以改变每个字段的顺序,或点击垃圾桶按钮从数据表控件中移除该字段。
接下来,点击每个字段以展开设置面板。在表格视图部分,您可以以像素或百分比设置每列的宽度。
在卡片视图部分,您可以以百分比设置每个控件的宽度。例如,要在每行显示4个控件,您可以为每个设置宽度为25%。标题布局、垂直对齐和标题宽度设置有助于设置每个控件的标题定位。
3.标题设置
如果您想为这个数据表控件显示标题文本,允许用户搜索记录,或添加新项目(仅当用户拥有适当权限时),您可以将显示标题选项设置为开启。然后将提供以下几个设置:
标题:默认标题将是选定数据列表的名称。在此处设置自定义标题文本。
显示搜索栏:开启此选项以允许用户使用搜索栏搜索记录。
占位符:设置搜索栏的自定义占位符文本。
允许添加项目:开启此选项以允许拥有适当权限的用户添加新项目。
新建项目按钮的文本:设置新建项目按钮的自定义文本。
默认值:当允许用户添加新项目时,将提供默认值设置。您可以根据需要设置一个或多个字段的默认值。
显示更多选项:开启此选项以显示更多选项按钮,用户可以从下拉列表菜单中导入/导出数据。
4.设置查看详情页面
链接:选择数据表中每个项目(行)的详情页面。详情页面是在数据列表中创建的表单。选择默认布局将显示您在数据列表中设置的默认查看页面。如果您创建了其他自定义列表表单,这些表单将在默认布局之后显示(例如,新建表单、查看表单和编辑表单是在以下示例中的自定义列表表单)。选择自定义URL将允许您创建动态URL。
无:如果您只想在这个数据表中显示数据,并且数据行设置为不可点击。
选择您希望如何打开详情页面的“打开方式”设置。“弹出窗口”意味着详情页面将以弹出窗口的形式显示,“全屏”意味着一旦您点击每一行,页面将重定向到详情页面。“新窗口”将打开另一个窗口并显示详情页面。
如果值为空则隐藏:如果这个数据表中没有记录,这个控件将不会在页面上显示。
备用内容:使用备用字段设置默认内容,以便在控件没有内容或不存在时使用。
分页设置
起始于:从哪条数据记录开始显示。
限制记录:如果您只想在这个数据表中显示特定项目,请开启此选项。默认情况
下,此选项关闭,这意味着选定数据源的所有记录都将在这个数据表中显示。然后,您需要在下面的每页记录数中输入每页的项目数,并通过从对齐选择右对齐、居中或左对齐来设置分页的对齐方式。
如果将限制记录选项设置为开启,则在下面的限制部分输入您希望显示的项目数。开启查看更多记录将在这个数据表的底部显示一个超链接。您可以在自定义文本的文本框中更改文本。设置这个查看更多链接的对齐方式,与对齐设置一致。
外观设置
导航到内容标签的外观。在这里,您可以启用或禁用隐藏表头选项来显示或隐藏这个表的表头,或者启用或禁用排序表格选项以允许用户对特定列的内容进行排序。
设计数据表
现在是定义表格外观的时候了。前进到样式,在这里,您可以使您的表格看起来更加吸引人。
通用
1.表格视图
表格宽度:将数据表的宽度设置为固定的像素值或容器百分比。
列宽:设置每列的列宽分配方式。固定意味着列宽将完全是您在列设置面板中为每列设置的值,而自动意味着列宽将根据上面设置的表格宽度总宽度进行缩放,并根据每列宽度的比例进行分配。
表格对齐:选择右对齐、居中或左对齐。
专业提示
您可以在表格宽度、列宽或表格对齐的末尾选择设备图标,为PC、平板和手机设置不同的样式和值。
2.卡片视图
边距:以像素或百分比设置卡片视图区域的边距。
填充:以像素或百分比设置卡片视图区域内部内容的填充。
3.备用
为备用设置文本的排版和颜色。
表格表头
填充:更改每个表头单元格内部内容的填充设置。
边框类型:选择围绕表格表头使用的边框类型。
对齐:将表格表头的文本对齐到左侧、中心或右侧。
垂直对齐:将表格表头文本的垂直对齐设置为顶部、中间或底部。
排版:更改表格表头文本的默认排版选项。
常态 / 悬停:为表头的状态设置不同的颜色和背景颜色。
颜色:选择表头文本的颜色,适用于常态和悬停状态。
背景颜色:选择表头的背景颜色,适用于常态和悬停状态。您可以使用纯色或渐变色。
表格内容
排版:更改表格内容文本的默认排版选项。
常态 / 悬停:切换以设置表格内容的不同样式。
行颜色:为常态和悬停状态的每一行设置文本颜色。
行背景颜色:为常态和悬停状态的每一行选择背景颜色。
斑马线行:开启以为常态和悬停状态的偶数行设置不同颜色。
偶数行颜色:为常态和悬停状态的每个偶数行设置文本颜色。
偶数行背景颜色:为常态和悬停状态的每个偶数行选择背景颜色。
链接颜色:为常态和悬停状态的每一行设置超链接文本颜色。
填充:更改每个内容单元格内部内容的填充设置。
边框类型:选择围绕表格表头使用的边框类型。
对齐:将表格内容的文本对齐到左侧、中心或右侧。
垂直对齐:将表格内容文本的垂直对齐设置为顶部、中间或底部。
卡片内容
边距:以像素或百分比设置内容卡片区域的边距。
填充:以像素或百分比设置内容卡片区域内部内容的填充。
背景颜色:选择内容卡片区域的背景颜色。
边框类型:选择围绕内容卡片区域使用的边框类型。
半径:设置边框半径以控制角落的圆滑度。
阴影:设置选项以在内容卡片区域应用盒子阴影。
内容填充:设置内容卡片区域内每个摘要字段控件的填充。
标题:为每个字段的标题文本设置排版和颜色。
值:为每个字段的值文本设置排版和颜色。
标题样式
边距:以像素或百分比设置标题的边距。
填充:以像素或百分比设置标题的填充。
背景类型:选择背景颜色。您可以使用纯色或渐变色。
边框类型:选择边框类型,可选无、实线、双线、点状、虚线或槽形。
半径:设置边框半径以控制角落的圆滑度。
阴影:调整盒子阴影选项。
标题:设置标题上的样式,
排版:为标题文本设置排版选项。
颜色:选择标题文本的颜色。
搜索栏样式
边距:以像素或百分比设置搜索栏的边距。
填充:以像素或百分比设置搜索栏的填充。
占位符颜色:选择占位符文本的颜色。
排版:更改搜索栏文本的默认排版选项。
常态 / 聚焦:为搜索栏的常态和聚焦状态设置不同的样式,下面支持为常态和聚焦状态分别设置。
文本颜色:选择搜索栏文本的颜色。
背景颜色:设置搜索栏的背景颜色。
边框类型:选择边框类型,可选无、实线、双线、点状、虚线或槽形。
半径:设置边框半径以控制角落的圆滑度。
阴影:调整盒子阴影选项。
新建项目按钮样式
边距:以像素或百分比设置新建项目按钮的边距。
填充:以像素或百分比设置新建项目按钮的填充。
排版:更改新建项目按钮文本的默认排版选项。
常态 / 聚焦:为新建项目按钮的常态和聚焦状态设置不同的样式,下面支持为常态和聚焦状态分别设置。
文本颜色:选择新建项目按钮文本的颜色。
背景颜色:设置新建项目按钮的背景颜色。
边框类型:选择边框类型,可选无、实线、双线、点状、虚线或槽形。
半径:设置边框半径以控制角落的圆滑度。
阴影:调整盒子阴影选项。
更多选项样式
如果您已经在内容/表格内容设置中开启了“显示更多选项”,您将能够设置操作按钮和下拉选项的样式:
1.更多选项按钮
边距:以像素或百分比设置操作按钮的边距。
填充:以像素或百分比设置操作按钮内部内容的填充。
排版:更改操作按钮文本的默认排版选项。
文本颜色:设置操作按钮文本的颜色。
背景颜色:选择操作按钮的背景颜色。
边框类型:选择边框类型,可选无、实线、双线、点状、虚线或槽形。
半径:设置边框半径以控制角落的圆滑度。
阴影:调整盒子阴影选项。
2.下拉列表
排版:更改下拉列表文本的默认排版选项。
常态 / 聚焦:为下拉列表的常态和聚焦状态设置不同的样式。下面支持为常态和聚焦状态分别设置。
分页
排版:更改分页文本的默认排版选项。
常态 / 悬停 / 激活:切换以设置分页的不同样式。
颜色:为常态、悬停和激活状态的分页设置文本颜色。
数字间距:设置分页中每个数字的间距。
间距:设置表格内容与分页之间的间距。
高级设置
设置适用于此控件的高级选项。