spreadjs reportSheet 表头分组显示明细

收藏

本帖最后由 sunqinhui 于 2024-9-29 11:37 编辑

通过表中的三个字段放在表头分组显示现在表头只是简单的罗列出来而已

1.png655790099.png

如何操作才能显示出如下效果
3.png101634215.png

还需要小计

请提供详细操作步骤谢谢

Wilson.Zhang · Wilson.Zhang

您好！请问您是否想让渲染后的报表数据看起来如下图所示。
报表效果图.png202755126.png

sunqinhui · sunqinhui

是的麻烦提供详细的操作步骤

Wilson.Zhang · Wilson.Zhang

sunqinhui 发表于 2024-9-29 14:12
是的麻烦提供详细的操作步骤

根据前述信息，可以通过ReportSheet的分栏设置复制实现，如下动图所示。

报表列分栏.gif

SpreadJS ReportSheet特性支持行列分栏以分别从行、列方向扩展数据，可以参考官网教程了解详情：
行分栏--https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/report-sheet/layout/row-layout/purejs
列分栏--https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/report-sheet/layout/column-layout/purejs

sunqinhui · sunqinhui

本帖最后由 sunqinhui 于 2024-9-29 16:33 编辑

已经提供demo了麻烦使用demo里提供的数据
想通过spreadjs设置来实现而非通过代码
您操作示例与上述要求不符
操作，没看懂

Wilson.Zhang · Wilson.Zhang

sunqinhui 发表于 2024-9-29 15:41
已经提供demo了麻烦使用demo里提供的数据
操作，没看懂

我们导入您提供的sjs文件，未能获取到数据。
demo文件无数据.gif

为您介绍下ReportSheet分栏功能，如下图所示。首先，报表根据设计好的模板填报数据，形成报表视图。其次，列分栏将报表数据按照数据区域B2:B6分成多个相同规模的子块，并且在每个子块重复使用列头A列。最后，点击工具栏的“分页”即可看到报表数据按照列分栏后的效果。
1727598938202.png845010375.png

官网教程展示的demo很好地演示了列分栏和行分栏的设置和效果，您可以大胆操作以加深理解。

sunqinhui · sunqinhui

忘记将数据源提供出来了

sunqinhui · sunqinhui

本帖最后由 sunqinhui 于 2024-9-29 17:18 编辑

Wilson.Zhang 发表于 2024-9-29 16:57
我们导入您提供的sjs文件，未能获取到数据。

一定要用分页预览，才能看到效果吗之前提供的分组不需要分页直接预览也是可以达到相同效果的
showtopic-223260-1-1.html 改地址下提供的案例也没需要分页显示就能在表头显示分组+相关联的明细信息了

Wilson.Zhang · Wilson.Zhang

sunqinhui 发表于 2024-9-29 17:14
一定要用分页预览，才能看到效果吗之前提供的分组不需要分页直接预览也是可以达到相同效果的
showtopic ...

我不太理解您所说的内容，如下图所示。“之前提供的分组”指的是怎样的方式？“showtopic-223260-1-1.html 改地址下提供的案例”的具体链接是什么？

1727604096234.jpg412489623.png

Wilson.Zhang · Wilson.Zhang

本帖最后由 Wilson.Zhang 于 2024-9-30 11:37 编辑

不通过分栏也可以实现，您需要修改模板单元格A3的垂直上下文为D2，这样才能按照D2的分组结果渲染布局数据。

我们发现您发布的另一个帖子与这个问题一样，您可以移步至以下链接的帖子了解详情。
https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=227453

		自动登录	找回密码
密码			立即注册

[已处理] spreadjs reportSheet 表头分组显示明细

10 个回复