跳转到主要内容
数据表

通过易企办的数据表功能,您可以轻松地组织和可视化数据,提升分析效率并简化决策流程。

超过 7 个月前更新

使用数据表控件,您可以从之前创建的数据列表之一获取数据。动态查询,将数据抓取到列中,并根据需要进行样式设置。


将数据表添加到页面

首先,在控件添加面板中找到数据表控件。然后,将其拖放到页面上的一个部分或容器中。


选择数据源

选择数据表将要显示的数据列表。

打开内容 > 数据源块,在应用程序,默认选择当前应用程序。

之后,前往列表。选择选定应用程序下的数据列表。

数据查询:选择搜索数据的方法。

  • 从数据源:执行精确搜索。

    数据过滤器,点击条件按钮以从选定的数据列表中过滤数据。

  • 从搜索引擎:执行全文搜索。

    数据查询,允许配置与另一个精确搜索相关联的全文搜索字段。


设置主要顺序次要顺序,以正确排序您的数据。


设置表格内容

  1. 选择数据表控件的布局

转到“表格内容”部分。从下拉列表中正确选择布局。

您可以从中选择的布局有3种类型:

  1. 表格视图:如果您想以表格形式显示数据表布局和项,请选择此选项。每个项目将作为一行显示,带有预定义的列。

  2. 卡片视图:选择此选项将逐一显示项,每个项都有独立的区域。

  3. 动态:如果布局设置为动态,文档库将在PC和平板设备上设置为表格视图,在移动设备上设置为卡片视图。

  4. 默认:布局的默认设置是动态的。

表格视图和卡片视图的属性和样式可以单独设置。因此,如果选择了默认/动态布局,您将能够看到表格视图和卡片视图的所有相关设置。否则,您将只能看到表格视图相关的设置,或卡片视图相关的设置。


2.向数据表控件添加显示字段

要添加字段,请在布局后找到显示字段设置,然后点击“设置”按钮打开选择列表字段窗口。选择字段并设置显示顺序,然后点击“确定”按钮添加这些字段。

您可以拖动以改变每个字段的顺序,或点击垃圾桶按钮从数据表控件中移除该字段。

接下来,点击每个字段以展开设置面板。在表格视图部分,您可以以像素或百分比设置每列的宽度。

在卡片视图部分,您可以以百分比设置每个控件的宽度。例如,要在每行显示4个控件,您可以为每个设置宽度为25%。标题布局、垂直对齐和标题宽度设置有助于设置每个控件的标题定位。

3.标题设置

如果您想为这个数据表控件显示标题文本,允许用户搜索记录,或添加新项目(仅当用户拥有适当权限时),您可以将显示标题选项设置为开启。然后将提供以下几个设置:

标题:默认标题将是选定数据列表的名称。在此处设置自定义标题文本。

显示搜索栏:开启此选项以允许用户使用搜索栏搜索记录。

占位符:设置搜索栏的自定义占位符文本。

允许添加项目:开启此选项以允许拥有适当权限的用户添加新项目。

新建项目按钮的文本:设置新建项目按钮的自定义文本。

默认值:当允许用户添加新项目时,将提供默认值设置。您可以根据需要设置一个或多个字段的默认值。

显示更多选项:开启此选项以显示更多选项按钮,用户可以从下拉列表菜单中导入/导出数据。

4.设置查看详情页面

链接:选择数据表中每个项目(行)的详情页面。详情页面是在数据列表中创建的表单。选择默认布局将显示您在数据列表中设置的默认查看页面。如果您创建了其他自定义列表表单,这些表单将在默认布局之后显示(例如,新建表单、查看表单和编辑表单是在以下示例中的自定义列表表单)。选择自定义URL将允许您创建动态URL。


无:如果您只想在这个数据表中显示数据,并且数据行设置为不可点击。

选择您希望如何打开详情页面的“打开方式”设置。“弹出窗口”意味着详情页面将以弹出窗口的形式显示,“全屏”意味着一旦您点击每一行,页面将重定向到详情页面。“新窗口”将打开另一个窗口并显示详情页面。

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

备用内容:使用备用字段设置默认内容,以便在控件没有内容或不存在时使用。


分页设置

起始于:从哪条数据记录开始显示。

限制记录:如果您只想在这个数据表中显示特定项目,请开启此选项。默认情况

下,此选项关闭,这意味着选定数据源的所有记录都将在这个数据表中显示。然后,您需要在下面的每页记录数中输入每页的项目数,并通过从对齐选择右对齐、居中或左对齐来设置分页的对齐方式。

如果将限制记录选项设置为开启,则在下面的限制部分输入您希望显示的项目数。开启查看更多记录将在这个数据表的底部显示一个超链接。您可以在自定义文本的文本框中更改文本。设置这个查看更多链接的对齐方式,与对齐设置一致。


外观设置

导航到内容标签的外观。在这里,您可以启用或禁用隐藏表头选项来显示或隐藏这个表的表头,或者启用或禁用排序表格选项以允许用户对特定列的内容进行排序。


设计数据表

现在是定义表格外观的时候了。前进到样式,在这里,您可以使您的表格看起来更加吸引人。

通用

1.表格视图

  • 表格宽度:将数据表的宽度设置为固定的像素值或容器百分比。

  • 列宽:设置每列的列宽分配方式。固定意味着列宽将完全是您在列设置面板中为每列设置的值,而自动意味着列宽将根据上面设置的表格宽度总宽度进行缩放,并根据每列宽度的比例进行分配。

  • 表格对齐:选择右对齐、居中或左对齐。

专业提示

您可以在表格宽度、列宽或表格对齐的末尾选择设备图标,为PC、平板和手机设置不同的样式和值。

  • 边框类型:选择围绕表格使用的边框类型。

  • 宽度:设置边框的宽度。

  • 边框颜色:选择边框的颜色。

  • 半径:设置边框半径以控制角落的圆滑度。

  • 阴影:设置选项以在数据表上应用盒子阴影。

2.卡片视图

  • 边距:以像素或百分比设置卡片视图区域的边距。

  • 填充:以像素或百分比设置卡片视图区域内部内容的填充。

3.备用

为备用设置文本的排版和颜色。

表格表头

  • 填充:更改每个表头单元格内部内容的填充设置。

  • 边框类型:选择围绕表格表头使用的边框类型。

  • 对齐:将表格表头的文本对齐到左侧、中心或右侧。

  • 垂直对齐:将表格表头文本的垂直对齐设置为顶部、中间或底部。

  • 排版:更改表格表头文本的默认排版选项。

  • 常态 / 悬停:为表头的状态设置不同的颜色和背景颜色。

  • 颜色:选择表头文本的颜色,适用于常态和悬停状态。

  • 背景颜色:选择表头的背景颜色,适用于常态和悬停状态。您可以使用纯色或渐变色。

表格内容

  • 排版:更改表格内容文本的默认排版选项。

  • 常态 / 悬停:切换以设置表格内容的不同样式。

  • 行颜色:为常态和悬停状态的每一行设置文本颜色。

  • 行背景颜色:为常态和悬停状态的每一行选择背景颜色。

  • 斑马线行:开启以为常态和悬停状态的偶数行设置不同颜色。

  • 偶数行颜色:为常态和悬停状态的每个偶数行设置文本颜色。

  • 偶数行背景颜色:为常态和悬停状态的每个偶数行选择背景颜色。

  • 链接颜色:为常态和悬停状态的每一行设置超链接文本颜色。

  • 填充:更改每个内容单元格内部内容的填充设置。

  • 边框类型:选择围绕表格表头使用的边框类型。

  • 对齐:将表格内容的文本对齐到左侧、中心或右侧。

垂直对齐:将表格内容文本的垂直对齐设置为顶部、中间或底部。


卡片内容

  • 边距:以像素或百分比设置内容卡片区域的边距。

  • 填充:以像素或百分比设置内容卡片区域内部内容的填充。

  • 背景颜色:选择内容卡片区域的背景颜色。

  • 边框类型:选择围绕内容卡片区域使用的边框类型。

  • 半径:设置边框半径以控制角落的圆滑度。

  • 阴影:设置选项以在内容卡片区域应用盒子阴影。

  • 内容填充:设置内容卡片区域内每个摘要字段控件的填充。

  • 标题:为每个字段的标题文本设置排版和颜色。

  • 值:为每个字段的值文本设置排版和颜色。


    标题样式

  • 边距:以像素或百分比设置标题的边距。

  • 填充:以像素或百分比设置标题的填充。

  • 背景类型:选择背景颜色。您可以使用纯色或渐变色。

  • 边框类型:选择边框类型,可选无、实线、双线、点状、虚线或槽形。

  • 半径:设置边框半径以控制角落的圆滑度。

  • 阴影:调整盒子阴影选项。

  • 标题:设置标题上的样式,

  • 排版:为标题文本设置排版选项。

  • 颜色:选择标题文本的颜色。

搜索栏样式

  • 边距:以像素或百分比设置搜索栏的边距。

  • 填充:以像素或百分比设置搜索栏的填充。

  • 占位符颜色:选择占位符文本的颜色。

  • 排版:更改搜索栏文本的默认排版选项。

  • 常态 / 聚焦:为搜索栏的常态和聚焦状态设置不同的样式,下面支持为常态和聚焦状态分别设置。

  • 文本颜色:选择搜索栏文本的颜色。

  • 背景颜色:设置搜索栏的背景颜色。

  • 边框类型:选择边框类型,可选无、实线、双线、点状、虚线或槽形。

  • 半径:设置边框半径以控制角落的圆滑度。

  • 阴影:调整盒子阴影选项。

新建项目按钮样式

  • 边距:以像素或百分比设置新建项目按钮的边距。

  • 填充:以像素或百分比设置新建项目按钮的填充。

  • 排版:更改新建项目按钮文本的默认排版选项。

  • 常态 / 聚焦:为新建项目按钮的常态和聚焦状态设置不同的样式,下面支持为常态和聚焦状态分别设置。

  • 文本颜色:选择新建项目按钮文本的颜色。

  • 背景颜色:设置新建项目按钮的背景颜色。

  • 边框类型:选择边框类型,可选无、实线、双线、点状、虚线或槽形。

  • 半径:设置边框半径以控制角落的圆滑度。

  • 阴影:调整盒子阴影选项。

更多选项样式

如果您已经在内容/表格内容设置中开启了“显示更多选项”,您将能够设置操作按钮和下拉选项的样式:

1.更多选项按钮

  • 边距:以像素或百分比设置操作按钮的边距。

  • 填充:以像素或百分比设置操作按钮内部内容的填充。

  • 排版:更改操作按钮文本的默认排版选项。

  • 文本颜色:设置操作按钮文本的颜色。

  • 背景颜色:选择操作按钮的背景颜色。

  • 边框类型:选择边框类型,可选无、实线、双线、点状、虚线或槽形。

  • 半径:设置边框半径以控制角落的圆滑度。

  • 阴影:调整盒子阴影选项。

2.下拉列表

  • 排版:更改下拉列表文本的默认排版选项。

  • 常态 / 聚焦:为下拉列表的常态和聚焦状态设置不同的样式。下面支持为常态和聚焦状态分别设置。

    • 颜色:选择下拉列表项目文本的颜色。

    • 背景颜色:设置下拉列表的背景颜色。默认情况下,背景颜色设置为透明。

    • 边框类型:选择边框类型,可选无、实线、双线、点状、虚线或槽形。

    • 半径:设置边框半径以控制角落的圆滑度。

    • 阴影:调整盒子阴影选项。

分页

  • 排版:更改分页文本的默认排版选项。

  • 常态 / 悬停 / 激活:切换以设置分页的不同样式。

  • 颜色:为常态、悬停和激活状态的分页设置文本颜色。

  • 数字间距:设置分页中每个数字的间距。

  • 间距:设置表格内容与分页之间的间距。


高级设置

设置适用于此控件的高级选项。

这是否解答了您的问题?