大數據報表展現時怎么實現固定表頭效果

這篇文章跟大家分析一下“大數據報表展現時怎么實現固定表頭效果”。內容詳細易懂，對“大數據報表展現時怎么實現固定表頭效果”感興趣的朋友可以跟著小編的思路慢慢深入來閱讀一下，希望閱讀后能夠對大家有所幫助。下面跟著小編一起深入學習“大數據報表展現時怎么實現固定表頭效果”的知識吧。

對于一個網站來說，用戶體驗會涉及到很多方面，包括頁面布局是否合理、導航視圖是否清晰、加載速度是否夠快、乃至按鈕或字體的大小，等等諸多方面。

用戶體驗是使用者的主觀感受，通俗來說就是“你這玩意兒用起來方不方便”。

除了網站設計，好的用戶體驗同樣適用于用報表工具制作出的報表。比如數據監控，報表支持高亮顯示數據提供預警；為了提高報表的可讀性，明細報表數據支持隔行異色顯示等。

這里，我們關注另一個很典型的用戶體驗問題，如果報表的一頁數據超出一個屏幕顯示的高度（超寬也一樣）時，如何能保證靠后的行或列數據始終能看到每列對應的標題？總不能讓看報表的同志頻繁的前后滾動鼠標反復查找對照，要是這樣不罵你才怪。

針對這個問題，常使用 excel 的小伙伴兒應該都知道一項“凍結”功能，凍結之后，標題部分在窗口中鎖定，滾動鼠標或拖動滾動條時，僅數據區滾動，從而方便查看數據。

問題來了，潤乾報表能搞不？! 甭懷疑，肯定行。

比如“按照產品名稱統計各銷售人員的銷售情況表”，如下圖

潤乾報表如何實現鎖定標題行（藍底部分），接下來看下實現過程（以設計器自帶 demo 數據庫為例）。

首先，設計如上圖所示的交叉報表

其中

數據集 sql 為：

SELECT 產品.產品名稱, 訂單明細.單價 * 訂單明細.數量 * 訂單明細.折扣 as 銷售額, 雇員.姓氏 +雇員.名字 as 姓名 
FROM 訂單明細,訂單,產品,雇員
WHERE 訂單.訂單ID = 訂單明細.訂單ID AND  訂單.雇員ID = 雇員.雇員ID 
AND 訂單明細.產品ID = 產品.產品IDSELECT 產品.產品名稱, 訂單明細.單價 * 訂單明細.數量 * 訂單明細.折扣 as 銷售額, 雇員.姓氏 +雇員.名字 as 姓名 
FROM 訂單明細,訂單,產品,雇員WHERE 訂單.訂單ID = 訂單明細.訂單ID AND  訂單.雇員ID = 雇員.雇員ID AND 訂單明細.產品ID = 產品.產品ID

A3 表達式：=ds1.group(產品名稱; 產品名稱:1)

B1 表達式：=ds1.group(姓名; 姓名:1)

B3 表達式：=ds1.sum(銷售額)

注：第 1、2 行，行屬性設置為“表頭”

此時，將報表發布到網頁端，可正常展現，但表頭沒有鎖定，如把滾動條拖動到

最底部時，屏幕內只有數據區，如圖

改造!只需要在報表展現頁面標簽增加 needScroll屬性即可實現鎖定表頭功能，如下

       <report:html name="report1" reportFileName="<%=report%>"
              funcBarLocation="no"
              generateParamForm="no"
              params="<%=param.toString()%>"
              exceptionPage="/reportJsp/myError2.jsp"
              appletJarName="/raqsoftReportApplet.jar"
              needScroll="yes"
              scrollWidth="100%"
              scrollHeight="100%"
              needImportEasyui="no"/>

注意：標紅的 needScroll，是否固定上表頭和左表頭，默認為 no。另外，scrollWidth

為固定表頭后，報表的顯示寬度；scrollHeight 則為顯示高度。

改造完，看效果（依然將滾動條拖至最底部）

可以看到，滾動條拖至最底部，表頭依然與數據區不離不棄。

關于大數據報表展現時怎么實現固定表頭效果就分享到這里啦，希望上述內容能夠讓大家有所提升。如果想要學習更多知識，請大家多多留意小編的更新。謝謝大家關注一下億速云網站！