...
以产品内置Demo资源的“订单模型”作为数据来源,介绍明细表组件的的相关使用场景。
2.1 明细表效果
1、场景描述:查看各区域各产品类别的销售量情况。查看订单中各产品的销售量情况。
2、在仪表盘中添加一个 明细表 组件,通过拖拽或勾选的方式将 发货区域 订单编号 、产品类别 产品名称 和 销售量 添加到 列区 。
3、表格分页功能说明:
...
(3)使用 分页控件 时,支持设置分页控件的显示位置、对齐方式、总行数、每页条数和前往。
2.2 显示序号效果
1、场景描述:查看各产品的销售量情况,并添加序号可以明确查看订单中各产品的销售量情况,并添加序号可以明确现在看到哪一行,后续在对应行数继续接着看。
2、操作步骤
(1)在仪表盘中添加一个 明细表 组件,通过拖拽或勾选的方式将 订单编号 、产品名称 和 销售量 添加到 列区 。
(2)在 组件设置 > 属性 > 基础 中设置 显示序号 为 显示 ,在表格自动生成一列”序号“,如下图所示:
(3)翻页时序号会累加,效果如下图所示:
3 表格样式设置
在组件设置的属性中,可对明细表进行更多的样式设置。
...
只需要选择一个主颜色,即可一键配置明细表表格的整体颜色效果。
效果
3.3 样式
说明
设置列头区、数据区的样式,包含 默认 和 自定义 两种。
...
- 自适应:列宽自动适应组件的大小。
- 不自适应:列宽为固定宽度,默认每列宽度120px,支持手动拖拽调整列的宽度。
效果
4 更多功能
- 更多的分析数据相关功能,如数据排序、条件格式等功能,详情可查看 交互式仪表盘 ⬝ 分析数据 。
- 更多的交互设计相关功能,如组件联动、跳转规则等功能,详情可查看 交互式仪表盘 ⬝ 交互设计。