更新时间:2024-11-15 GMT+08:00
分享

数据表

数据表用于展示数据的明细表。设计良好的数据表不仅能提升界面的专业感,还能有效提高工作效率。

在左侧组件区域,从“图表控件”中,选择“数据表”组件,并拖拽至设计区,如图1所示。

图1 拖拽数据表组件到设计区并设置属性

基础配置

  • 标题:该模块在页面呈现给用户的名称。
  • 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示
  • 描述信息:为字段添加附加的说明信息。
  • 左侧冻结列数:设置后允许固定表格左侧的一定数量的列,使得这些列在滚动页面时始终可见。

样式配置

  • 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为20px,范围为0~100px。

  • 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。
  • 边框:
    • 位置:设置边框的位置,支持配置上、下、左、右和四周。
    • 宽度:设置边框的宽度。默认值为0px,范围为0~50px。
    • 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。
    • 颜色:设置边框显示的颜色。

  • 圆角:给元素添加圆角效果,设置圆角的大小和位置。

    默认值为0px,范围为0~500px。

  • 背景:设置组件样式的背景颜色。
  • 阴影:
    • X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。
    • Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。
    • 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。
    • 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。
    • 颜色:设置阴影的颜色。

数据配置

数据配置完成后,需单击“更新数据”,进行数据刷新。刷新数据间隔时间至少为5秒,请勿频繁单击。

  • 数据源:下拉框中选项数据分析的数据来源。可选择应用中已创建的表单数据进行展示,创建表单详情请参见如何创建一个表单
  • 显示字段:单击“添加字段”,选择需要在数据表中显示的字段,并设置字段排序规则。

    一个数据表最多可添加20个字段。

相关文档