這篇文章跟大家分析一下“大數(shù)據(jù)報表展現(xiàn)時怎么實現(xiàn)固定表頭效果”。內(nèi)容詳細(xì)易懂，對“大數(shù)據(jù)報表展現(xiàn)時怎么實現(xiàn)固定表頭效果”感興趣的朋友可以跟著小編的思路慢慢深入來閱讀一下，希望閱讀后能夠?qū)Υ蠹矣兴鶐椭?。下面跟著小編一起深入學(xué)習(xí)“大數(shù)據(jù)報表展現(xiàn)時怎么實現(xiàn)固定表頭效果”的知識吧。

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比李滄網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式李滄網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋李滄地區(qū)。費用合理售后完善，十余年實體公司更值得信賴。

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

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

除了網(wǎng)站設(shè)計，好的用戶體驗同樣適用于用報表工具制作出的報表。比如數(shù)據(jù)監(jiān)控，報表支持高亮顯示數(shù)據(jù)提供預(yù)警；為了提高報表的可讀性，明細(xì)報表數(shù)據(jù)支持隔行異色顯示等。

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

針對這個問題，常使用 excel 的小伙伴兒應(yīng)該都知道一項“凍結(jié)”功能，凍結(jié)之后，標(biāo)題部分在窗口中鎖定，滾動鼠標(biāo)或拖動滾動條時，僅數(shù)據(jù)區(qū)滾動，從而方便查看數(shù)據(jù)。

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

比如“按照產(chǎn)品名稱統(tǒng)計各銷售人員的銷售情況表”，如下圖

潤乾報表如何實現(xiàn)鎖定標(biāo)題行（藍(lán)底部分），接下來看下實現(xiàn)過程（以設(shè)計器自帶 demo 數(shù)據(jù)庫為例）。

首先，設(shè)計如上圖所示的交叉報表

其中

數(shù)據(jù)集 sql 為：

SELECT 產(chǎn)品.產(chǎn)品名稱, 訂單明細(xì).單價 * 訂單明細(xì).數(shù)量 * 訂單明細(xì).折扣 as 銷售額, 雇員.姓氏 +雇員.名字 as 姓名 
FROM 訂單明細(xì),訂單,產(chǎn)品,雇員
WHERE 訂單.訂單ID = 訂單明細(xì).訂單ID AND  訂單.雇員ID = 雇員.雇員ID 
AND 訂單明細(xì).產(chǎn)品ID = 產(chǎn)品.產(chǎn)品IDSELECT 產(chǎn)品.產(chǎn)品名稱, 訂單明細(xì).單價 * 訂單明細(xì).數(shù)量 * 訂單明細(xì).折扣 as 銷售額, 雇員.姓氏 +雇員.名字 as 姓名 
FROM 訂單明細(xì),訂單,產(chǎn)品,雇員WHERE 訂單.訂單ID = 訂單明細(xì).訂單ID AND  訂單.雇員ID = 雇員.雇員ID AND 訂單明細(xì).產(chǎn)品ID = 產(chǎn)品.產(chǎn)品ID

A3 表達(dá)式：=ds1.group(產(chǎn)品名稱; 產(chǎn)品名稱:1)

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

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

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

此時，將報表發(fā)布到網(wǎng)頁端，可正常展現(xiàn)，但表頭沒有鎖定，如把滾動條拖動到

最底部時，屏幕內(nèi)只有數(shù)據(jù)區(qū)，如圖

改造!只需要在報表展現(xiàn)頁面標(biāo)簽增加 needScroll屬性即可實現(xiàn)鎖定表頭功能，如下

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

注意：標(biāo)紅的 needScroll，是否固定上表頭和左表頭，默認(rèn)為 no。另外，scrollWidth

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

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

可以看到，滾動條拖至最底部，表頭依然與數(shù)據(jù)區(qū)不離不棄。

關(guān)于大數(shù)據(jù)報表展現(xiàn)時怎么實現(xiàn)固定表頭效果就分享到這里啦，希望上述內(nèi)容能夠讓大家有所提升。如果想要學(xué)習(xí)更多知識，請大家多多留意小編的更新。謝謝大家關(guān)注一下創(chuàng)新互聯(lián)網(wǎng)站！