易企办帮助中心易企办帮助中心
常用查询:新手上路, 流程设计, 字段控件
  • 首页
  • 知识库分类
    • 新手指南
    • 工作区,应用及组件管理
    • 业务数据及内容管理
    • 业务流程自动化管理
    • 设计器,控件,字段及编辑器
    • 管理中心及系统设置
    • 系统集成及扩展开发
  • FAQ | 常见问题
  • 首页
  • 知识库分类
    • 新手指南
    • 工作区,应用及组件管理
    • 业务数据及内容管理
    • 业务流程自动化管理
    • 设计器,控件,字段及编辑器
    • 管理中心及系统设置
    • 系统集成及扩展开发
  • FAQ | 常见问题
首页/知识库/设计器,控件,字段及编辑器/高级控件/数据表格控件

数据表格控件

71 查看 0 2022年12月16日 上次更新日期 2022年12月17日 Christin Gan

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

 

  此图像具有空的 alt 属性;其文件名为 data1-1024x576.png  

添加数据列表控件

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

此图像具有空的 alt 属性;其文件名为 data-1024x323.png  

选择数据源

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

内容

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

此图像具有空的 alt 属性;其文件名为 data2-1-1024x576.png

 

 

表格内容

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

此图像具有空的 alt 属性;其文件名为 data3-1-1024x671.png  

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

列表字段

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

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

此图像具有空的 alt 属性;其文件名为 data4-1024x671.png

 

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

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

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

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

分页设置

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

此图像具有空的 alt 属性;其文件名为 data7-1024x384.png   当您只想显示数据源的一部分内容,请打开此开关。您可以在”记录限数”输入您希望显示的记录数目。打开查看更多记录将在此新闻控件的底部显示一个超链接。您可以在自定义文本的文本框中自定义文本。同样的,您也可以在对齐设置对齐方式。 此图像具有空的 alt 属性;其文件名为 data6-1024x430.png  

显示

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

此图像具有空的 alt 属性;其文件名为 data8-1024x408.png  

设置数据表格的样式

通用

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

此图像具有空的 alt 属性;其文件名为 data9-1024x408.png  

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

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

此图像具有空的 alt 属性;其文件名为 data10-1024x576.png  

表头

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

此图像具有空的 alt 属性;其文件名为 data11-1024x623.png  

表格内容

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

此图像具有空的 alt 属性;其文件名为 data12-1024x819.png  

分页设置

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

此图像具有空的 alt 属性;其文件名为 data13-1024x576.png    

此内容是否有帮助?

是的  没有
相关文章
  • 新闻控件
  • 图库控件
  • 图标列表
  • 提示框
  • 进度条控件
  • 警报

未找到相关信息? 到线上社区进行咨询

高级控件
  • 数据表格控件
  • 高级布局控件 – 标签页
查看全部 11  

  提示框

新闻控件  

易企办是业内领先的无代码应用构建平台,帮助您实现快速实现高效,安全,一致的现代化业务协作能力。
产品功能
  • 企业级应用构建
  • 业务流程构建
  • 业务数据管理
  • 自定义页面
  • 外部服务门户
帮助与支持
  • 帮助中心
  • 用户社区
办公地址
上海市浦东新区
峨山路91弄100号
陆家嘴软件园2号楼805室
公司信息
  • 关于我们
  • 新闻资讯
联系我们
  • 400-168-0365
  • support@yeeoffice.com
  • 隐私声明
  • 服务协议
  • @ 2022 知普信息. 版权所有

常用查询:新手上路, 流程设计, 字段控件