页面树结构
转至元数据结尾
转至元数据起始

1 概述

明细表组件是围绕同一个项目或对象进行明细数据查询与浏览的一类基础报表,用于记录和查询明细数据。

1.1 配图建议

列区:一个或多个维度/度量。

明细表组件只支持来源于数据模型。

1.2 表格特点

  • 可以展示数据的明细信息。

  • 不支持数据设置汇总依据。
  • 不支持计算度量、分组字段和命名集。 

2 场景示例

以产品内置Demo资源的“订单模型”作为数据来源,介绍明细表组件的的相关使用场景。

2.1 明细表效果

1、场景描述:查看订单中各产品的销售量情况。

2、在仪表盘中添加一个 明细 组件,通过拖拽或勾选的方式将 订单编号 产品名称 和 销售量 添加到 列区 。

3、表格分页功能说明:

(1)表格数据默认分页显示,且每页20条数据。

(2)分页效果有两种:鼠标滚动分页、分页控件,默认使用 分页控件 效果显示。可在组件设置的属性中修改分页显示效果,设置入口及对比效果如下图所示:

(3)使用 鼠标滚动分页 时,支持设置是否自动滚动。

(4)使用 分页控件 时,支持设置分页控件的显示位置、对齐方式、总行数、每页条数、页码和和前往。

2.2 显示序号效果

序号不支持导出,只是前端展示。


1、场景描述:查看订单中各产品的销售量情况,并添加序号可以明确现在看到哪一行,后续在对应行数继续接着看。

2、操作步骤

(1)在仪表盘中添加一个 明细 组件,通过拖拽或勾选的方式将 订单编号 产品名称 和 销售量 添加到 列区 。

(2)在 组件设置 > 属性 > 基础 中设置 显示序号 显示 ,在表格自动生成一列”序号“,如下图所示:

(3)翻页时序号会累加,效果如下图所示:

3 表格样式设置

在组件设置的属性中,可对明细表进行更多的样式设置。

3.1 风格

说明

设置明细表的表格风格类型,有表格、斑马线、无边框三种风格

效果

3.2 颜色

说明

只需要选择一个主颜色,即可一键配置明细表表格的整体颜色效果。

效果

3.3 样式

说明

设置列头区、数据区的样式,包含 默认  自定义 两种

效果1:菜单按钮

样式选择“自定义”,可针对表格的列头区和数据区分别设置是否显示菜单按钮,如下图所示:

  • 数据区的菜单按钮只会在非度量数据的单元格中显示。

效果2:内容换行

样式选择“自定义”,可针对表格的列头区和数据区分别设置内容是否换行,如下图所示:

效果3:表格样式效果

样式选择“自定义”,表格样式其余配置如下:

  • 设置列头区的背景色为“#F5A623”;字号为“18px”,字体为“加粗”、”斜体“;行高为“35px”
  • 设置数据区的字号为”16px“;边框颜色为“#F8E71C”;奇数行背景色为“#EBE59A”;偶数行背景色为“#F2EFCD”。

3.4 列宽

说明

设置明细表的列宽是否根据组件宽度自适应显示,默认选择 自适应 

  • 自适应:列宽自动适应组件的大小。
  • 不自适应:列宽为固定宽度,默认每列宽度120px,支持手动拖拽调整列的宽度。

效果

4 更多功能

  • 无标签