ASTRO大屏应用 ASTROCANVAS-通用表格:配置

时间:2024-11-06 21:53:39

配置

在配置中,设置组件的全局样式、表头设置、行、系列号等。

图4 配置
  • 全局样式
    • 表格行数:当前页显示多少行数据。
    • 背景色:设置表格的背景颜色。
    • 轮播:表格是否轮播。设置为“是”时,支持设置单行是否停顿、轮播速度和单行停顿时间。
    • 横向滚动:是否开启横向滚动。
  • 行配置
    • 奇行背景色:设置奇数行数据的背景颜色。
    • 偶行背景色:设置偶数行数据的背景颜色。
    • 溢出文本:设置表格中超长文本的显示样式,如显示为省略号、换行显示和滚动显示。
      图5 溢出文本
  • 序列号:表格中序列号设置。
    • 是否展示:表格中是否显示序列号。
    • 序列号:设置序列号的名称。
    • 列宽占比(%):设置序列号在表格中的列宽占比。
    • 对齐方式:设置序列号对齐方式,如水平居中、居左和居右。
    • 背景色:设置序列号的背景颜色。
    • 半径:设置序列号的半径。
    • 圆角:设置序列号圆角,0为直角。
    • 字体:设置序列号的字体、大小和颜色等。
  • 分页
    • 是否启动:表格是否分页显示,分页模式下轮播无效。
    • 行高:设置分页的行高,单位px。
    • 单页数量:设置每页显示数据条数,以“,”隔开。
    • 文本位置:设置分页文本显示位置,支持靠左、靠右和居中显示。
    • 背景色:设置分页背景颜色。
    • 字体:设置分页的字体、大小和颜色等。
    • 选中字体颜色:设置选中分页时文本的颜色。
    • 分页框宽度:设置分页框的宽度,单位为px。
    • 下拉框背景颜色:设置下拉框的背景颜色。
    • 下拉框字体颜色:设置下拉框的字体颜色。
    • 下拉框选中态背景颜色:设置下拉框选中态的背景颜色。
    • 下拉框选中态字体颜色:设置下拉框选中态的字体颜色。
    • 下拉框鼠标悬浮时背景颜色:设置下拉框鼠标悬浮时的背景颜色。
    • 下拉框鼠标悬浮时字体颜色:设置下拉框鼠标悬浮时的字体颜色。
  • 树状表格
    • 懒加载:开启懒加载,必须配置全局变量和交互事件。
    • 展开层级:设置树状表格展开层级。
  • 新增条件格式:单击“新增条件格式”,可增加条件格式。

    例如,该组件预置的静态数据如图6所示。期望“series”为“白名单”的“amount”数值标红,参考图7,单击组件上方图标,单击“+ 新增条件格式”,设置条件和响应数据列的样式。

    图6 预置数据
    图7 新增条件格式
support.huaweicloud.com/usermanual-astrocanvas/astrocanvas_05_6097.html