Bella.Yuan 发表于 2023-4-21 18:00:39

桌面设计器如何设计树形报表

本帖最后由 Bella.Yuan 于 2023-11-15 14:53 编辑

最近看大家也有使用桌面设计器来进行报表模板的设计,但是遇到树形折叠效果的报表就不知道该如何设计了,下面就来带大家一起看看桌面设计器的设计步骤


针对web设计器树形报表的教程,大家可以参考下面的2个链接根据具体需要进行实现:
https://gcdn.grapecity.com.cn/fo ... 3780&extra=page%3D1
https://gcdn.grapecity.com.cn/fo ... 3861&extra=page%3D1
桌面设计器使用矩表设计树形报表步骤:
1)准备数据源和数据集,这里不多赘述,大家根据实际需求进行选择,我这边使用的是“内嵌JSON”
2)使用矩表组件,并绑定对应的行分组,列分组(这里根据实际需求进行选择),为了演示,我同时绑定了行列分组。

3)为了展示树形的效果,我这里继续使用了行分组的子分组,绑定了销售省份和销售城市,如下图示:


4)预览看效果,为了好看,我给矩表设置了边框线:

5)设置树形效果:
选择需要设置树形的单元格,比如销售大区,复制对应的元素名称

选择矩表,点击分组编辑器,然后给销售省份的分组上设置切换元素为刚才复制的元素名称,如果需要预览开始就折叠,设置隐藏为true。然后依次复制销售省份的元素名称,给销售城市的分组进行同样的设置,如下图示:

6)预览报表,这里为了展示完整,大家可以看对应的GIF图:

此时到这里桌面设计器设计树形矩表的过程就结束了,但是实际使用中,我们也是需要和web设计器一样去统计对应分组的小计和总计,那此时该如何做呢,我们继续往下看:
矩表分组统计的实现步骤:
1)这里我们继续使用上面的例子,此时矩表已经设计好了,只需要去添加对应的行进行数据的统计,这里需要注意,先从树形分组的开始位置进行行的添加,操作如下图示:

2)依次给销售省份和省份城市进行汇总行的添加,这里为了美观,我进行了单元格的合并,如下图示:

3)预览报表,基本效果和上面的树形报表一样,只是新加了对应的分组小计和总计:

附件是对应的树形矩表的设计和分组小计总计的demo,我放到了一起,欢迎大家一起交流~



页: [1]
查看完整版本: 桌面设计器如何设计树形报表