spreadjs reportSheet 分组头要跟列表关联，怎么设置

您好！根据之前的描述，理解您的需求是分组后的效果为如下右侧图示，而按照原有分组设置的效果只能如下左侧图示。


应对您的需求，需要将分组表头和分组数据分别封装在不同的数据表中，通过分组表头建立连接。

具体地，假设分组表头数据表为“订单摘要”，分组数据为“订单材料明细”，且两张表都包含分组表头相关的属性数据（厚、物料基材、颜色）。那么，分组表头各属性（厚、物料基材、颜色）均源自于“订单摘要”，而分组数据（房名、柜名、板名称、长、宽、厚度、数量、材料、颜色）均来源于“订单材料明细”。重点是给模板单元格A4设置过滤条件，即设置条件将两张数据源表的数据桥接起来，此处为“（订单摘要.厚 = 订单材料明细.厚 and 订单摘要.物料基材 = 订单材料明细.物料基材 and 订单摘要.颜色 = 订单材料明细.颜色）”，上述条件仅作解释说明，具体参考官网教程了解设置方式。如此设置后的报表渲染效果如下图所示。


将对应报表模板的ssjson文件附上，以供参考，您可以通过右侧的面板了解所有已设置的内容。

关于您的需求，官网有教程，可以参考了解更多细节：
https://az-spjs-demos-staging.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/report-sheet/showcase/master-detail-report/orders-report/purejs

您好，请帮忙解决下，具体操作步骤或案例可以提供下，感谢！！！

sunqinhui 发表于 2024-9-29 17:29
您好，请帮忙解决下，具体操作步骤或案例可以提供下，感谢！！！

您好！理解您的意图了，我们先测试下，之后给您同步结论。这需要一些时间，请您耐心等候。

您好！根据您提供的模板，了解到您对A2、D2、G2模板单元格设置了分组，分组的顺序是A2-->D2-->G2，即先对A2分组，对于A2分组后的格局再对D2分组，以此类推。按照您的需求，需要修改A3的垂直上下文为D2，这样才能根据D2的分组结果渲染，如下图所示。



由于您提供的模板中的模板单元格的数据列信息与数据文件中的字段不太一致，如下图所示。


所以，我们调整了下相关字段。如上所述修改了A3的垂直上下文为D2后，渲染效果如下图所示。


您提出的使用问题与报表上下文有关，上下文也是渲染数据的布局依据，您可以参考官网教程了解下详情：
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/report-sheet/concepts/context/purejs

您好，是这个字段 ，
您这样实现的效果也不对，虽然分组分开显示了，但跟列表还是没关联上
最终效果是要这样的，亲在帮忙处理下！！！

列表主要是根据这三项进行分组的

sunqinhui 发表于 2024-9-30 15:55
列表主要是根据这三项进行分组的

根据您图示中的文字注释，理解您的意图，但是测试发现达不到您想要的效果，如下图所示。您也可以设置后亲测了解。



可以参考如下步骤：

1. 对模板单元格A3设置垂直上下文为D2。
2. 对模板单元格A4设置垂直上下文为A3。

还是上下文的设置，您看看结果是否符合需求。

Wilson.Zhang 发表于 2024-9-30 17:40
根据您图示中的文字注释，理解您的意图，但是测试发现达不到您想要的效果，如下图所示。您也可以设置后亲 ...

您下面这个方法更不行，确实达不到我要的效果

sunqinhui 发表于 2024-9-30 18:01
您下面这个方法更不行，确实达不到我要的效果

您好！按照提供给您的方案，测试的效果如下动图所示。


我理解如下图所示方案生成的效果可以满足您的需求，对A2、D2、G2逐层分组后，分组数据按照A3~I3设置的数据结构渲染报表。


您可以再检测下方案的效果。