在業務系統中分組統計是比較常見的數據分析形式,但當數據項較多,或分組的層級過多時看着就會比較煩亂,爲了數據更清晰的展示,一般用戶會須要伸縮(摺疊)顯示的效果,這樣分類彙總的數據就可一目瞭然的呈現。瀏覽器
潤乾報表內置了這種伸縮功能,提供了兩種形式的摺疊報表:樹型摺疊報表和 OLAP 型摺疊報表。報表開發人員再也不須要編寫 JS 腳本,只須要兩步,設計報表,在報表展示的 jsp 頁面中加入 tag 屬性,就能夠將格式符合的報表以伸縮的形式展示。jsp
下面咱們來分別看下這兩種形式的摺疊報表在潤乾中是如何實現的吧!spa
olap 摺疊報表格式要求:分組格與它的子格在同一行,行上必須是全包含關係。設計
報表設計以下:3d
頁面標籤設置:code
頁面展示效果:blog
初始收攏
開發
節點展開效果數據分析
樹形報表格式要求:分組格與它的子格不在同一行上,不能有行上的全包含或半包含關係。im
報表設計以下:
報表展示頁面標籤設置以下:
頁面初始展示效果:
所有收攏
所有收攏
部分節點展開
部分節點展開
下面是關於摺疊報表標籤屬性列表:
說明: 一、樹形報表對瀏覽器沒有要求,olap 摺疊表對瀏覽器要求 IE 類瀏覽器版要大於 IE9,其它類瀏覽器不限 二、這兩種展示方式互斥,只能同時用一種 三、樹形報表暫時只實現行向的摺疊,列向未實現 四、foldOnBegin 和 foldIcon 屬性都適用於兩種摺疊報表