1.8 常用分組示例 · JimuReport 積木報表

[TOC] ## 常用分組示例 ### 一、橫向分組橫向分組參考文檔: [橫向分組](http://report.jeecg.com/2250463) #### 1、橫向3級分組 ##### 1.1 預覽效果 ![](https://img.kancloud.cn/c8/3f/c83f29acf10992b5d248975adbec218e_2431x222.png) ##### 1.2 模版設計 ![](https://img.kancloud.cn/9e/d9/9ed95ce03bc9421c50260c0c28c8d086_539x231.png) * `{fz.aroupRight(month)}月` 為橫向分組 * `{f7 aroupRiaht(year)}年`為橫向分組 * `#{fz.groupRight(dept)}`為橫向分組 * `#{fz.dynamic(settleamount)} `為動態屬性 #### 2、橫向2級分組 ##### 2.1 預覽效果 ![](https://img.kancloud.cn/9b/71/9b7145da79c3cd297f3e6dd90b7880e1_1566x221.png) ##### 2.2 模版設計 * `#{fz.groupRight(month)}月`為橫向分組 * `#{fz.groupRight(dept)}`為橫向分組 * `#{fz.dynamic(settleamount)}`為動態屬性 ![](https://img.kancloud.cn/13/bf/13bf0b9612941051a22048c311bfa845_628x251.png) ### 二、縱向分組縱向分組參考文檔: [縱向分組](http://report.jeecg.com/2119056) #### 1、縱向多級分組 ##### 1.1 預覽效果 ![](https://img.kancloud.cn/86/ed/86ed492d3ede1a69091248d25ef11136_631x705.png) ##### 1.2 模版設計 * `#{fz.group(areaname)}`為縱向分組 * `#{fz.group(dept)}`為縱向分組 * `#{fz.group(year)}`為縱向分組 * `#{fz.group(month)}`為縱向分組 ![](https://img.kancloud.cn/51/fd/51fd27467b90ec44022b7937f9a26499_668x159.png) ### 三、交叉報表 #### 1、交叉報表 ##### 1.1 預覽效果 ![](https://img.kancloud.cn/80/09/80095612720edaed0c171506a99788e0_870x414.png) 橫向縱向組合動態列請參考 [橫向縱向組合動態列](http://report.jeecg.com/2119057) 交叉報表請參考 [交叉報表](http://report.jeecg.com/2112709) ##### 1.2 模版設計 * `#{jc.groupRight(year)}月`為橫向分組 * `#{jc.groupRight(month)}`為橫向分組 * `#{jc.group(areaname)}`為縱向分組 * `#{jc.group(dept)}`為縱向分組 * ` #{jc.dynamic(settleamount)}`為動態屬性 ![](https://img.kancloud.cn/bb/be/bbbe77dccf3d860541f102ac2597277b_564x195.png) ### 四、橫向縱向分組橫向縱向組合動態列請參考 [橫向縱向組合動態列](http://report.jeecg.com/2119057) 橫向分組小計請參考[橫向分組小計](http://report.jeecg.com/2250464) #### 1、橫向縱向分組 ##### 1.1 預覽效果 ![](https://img.kancloud.cn/b9/a7/b9a716a92ad5f7fea67474a802b0f858_1522x473.png) ##### 1.2 模版設計 * `#{fz.groupRight(year)}月`為橫向分組 * `#{fz.groupRight(month)}`為橫向分組 * `#{fz.group(areaname)}`為縱向分組 * `#{fz.group(dept)}`為縱向分組 * `#{fz.dynamic(settleamount)}`為動態屬性 * ` #{fz.dynamic(price)}`為動態屬性 * ` #{fz.dynamic(settleamount+price)}`為動態屬性 ![](https://img.kancloud.cn/2b/0e/2b0eb8c9321930c2606e00b30d559416_675x233.png) ### 五、數據格式參考如下 #### 1、SQL數據格式 ![](https://img.kancloud.cn/83/53/8353142445f8c452572c3d7eec73ebd1_682x569.png) #### 2、API數據格式 [接口地址](http://api.jeecg.com/mock/26/subtotal)