<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                >橫向動態列分組:就是橫向 `動態擴展列` ,把相同分類的合并在一起; >動態擴展列:是指我們把相同分類的合并在一起,是動態數據,如表頭: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)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看