页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

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

2.1 明细表效果

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

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

Image Modified

3、表格分页功能说明:

...

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

2.2 显示序号效果

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

2、操作步骤

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

Image RemovedImage Added

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

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

Image Modified

3 表格样式设置

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

...

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

效果

Image Modified

3.3 样式

说明

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

...

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

效果

Image Modified

4 更多功能