>横向动态列分组:就是横向 `动态扩展列` ,把相同分类的合并在一起; >动态扩展列:是指我们把相同分类的合并在一起,是动态数据,如表头:1月到12月,数据可能随时变化,可能没有5月,也可能没有6月,而不是静态数据(设计页面写死的数据) >下面让我们一起学习如何创建横向动态列分组吧 >[danger] **横向分组——不带表头的纯数据横向分组** [ 点击查看专题](http://report.jeecg.com/2250463) [TOC] # 动态列横向分组 ## **特殊规则注意 重要!重要!** >[danger]特别注意:配置横向动态分组要素: 1、目前支持多级表头 ,最多支持3级动态的表头 2、必须有横向分组字段:例如 `#{pro.groupRight(moth)}` 3、横向分组下必须有`动态列`;动态列数据必须设置成`动态属性 例如 #{pro.dynamic(sales)}` 4、数据中第一条`数据必须完整`;例如:期望展示1-12月数据,则第一条数据1-12月必须都有数据。 ## 演示效果 预览地址:https://bootapi.jeecg.com/jmreport/view/631737621235978240 ![](https://img.kancloud.cn/d8/e5/d8e51e3c1114ddce702d89e600f2051e_1911x980.png) ## 设计步骤 ### 创建一个名为`省份销售统计`的数据报表 > 创建一个省份销售信息表,有五个字段:ID、省、月份、销售额 ![](https://img.kancloud.cn/91/02/910249aae7aca7d81e3b2101e8afd28f_951x131.png) #### 1、为`省份销售统计`创建一个SQL数据集 >查询省份销售所有信息 ![](https://img.kancloud.cn/eb/a9/eba93d09b936fdf91d7e853c24d1805c_1918x901.png) >部分数据展示 ![](https://img.kancloud.cn/07/4c/074c41c097f67facb3e8a9ecd46ade3f_1919x896.png) #### 2、将我们需要的字段拖拽到设计器页面 ![](https://img.kancloud.cn/8a/5c/8a5cb569d088d0586c18bcd4e5197b7c_1913x905.png) #### 3、重点来了->如何配置横向动态列 ##### 3.1 设置横向动态列 >点击`#{pro.moth}`,在分组设置中,聚合方式选择分组 ![](https://img.kancloud.cn/c5/cf/c5cf8ca9aa55d5d268e9b120a8d2efdb_1640x900.png) > 我们会发现`#{pro.moth}`变成了`#{pro.group(moth)}`,并且有向下的箭头,接下来点击扩展参数下拉框,选择横向分组 ![](https://img.kancloud.cn/41/6a/416a7ca4e24f49a0b4c85b4c53caa16d_1653x850.png) > 我们可以发现`#{pro.group(moth)}`变成了`#{pro.groupRight(moth)}`,并且有向右的箭头 >同理,我们再把`#{pro.province}`设置成横向分组 ![](https://img.kancloud.cn/c0/b1/c0b1b45a0a8996d5ceaa40dea2b36949_1643x911.png) ##### 3.3 将纵向分组后面的单元格设置成动态属性 >点击`#{pro.sales}`所在的单元格,分组中点击高级配置,选中动态属性 ![](https://img.kancloud.cn/57/f4/57f4e2517108f5d403d1e201ebe3f493_1644x852.png) >`#{pro.sales}`由`#{pro.sales}`变成了`#{pro.dynamic(sales)}` >保存预览效果展示 ![](https://img.kancloud.cn/8e/58/8e58dc9d422e59157d5849dfe89543c8_1911x980.png)