報表設計技巧之隔行異色

2021-08-28 06:12:17 字數 1063 閱讀 6855

在業務系統中,經常會看到這樣的資料顯示需求:明細資料顯示時,相鄰行顯示不同的背景色,也就是我們說的隔行異色,效果如下圖所示。這種效果有助於使用者橫向檢視資料時避免錯行,更加清晰準確。

如果不用報表工具,我們通常需要自己花點時間改頁面樣式,而通過報表工具我們就可以分分鐘實現隔行異色效果了。

小老師這次教給大家乙個簡便方法實現上圖效果,現在開始上課,誰的小眼睛還沒看老師。

小老師使用的道具是:潤幹報表(敲黑板),注意緊跟老師節奏。

首先,我們製作乙個列表式報表,如下圖所示:

其中,a2 單元格使用 select 函式實現清單資料獲取

b2 之後單元格使用取值方法

【實用小技巧】:

清單式報表如不帶引數,且 sql 比較簡單,可以直接使用嚮導製作,即使用「檔案」—「新建報表」選單功能,根據提示進行傻瓜式操作;

清單式報表如 sql 相對比較複雜或者帶有引數等配置,可新建空白報表,然後使用設計器右下角的「資料集」配置功能,拖拉欄位到報表單元格,自動生成取數表示式。

乙個簡單的清單式報表就製作完成了,我們預覽看下展現結果:

然後,我們來實現隔行異色的效果。

蹬蹬蹬 ~ 重點來了。選中我們要設定隔行異色的資料行(此例中對應第二行),在右側單元格屬性中依次找到:「顯示」—「背景色」,配置背景色表示式,如下圖所示:

其中,row() 為自帶單元格函式,實現獲取對應行的行號。

row()%2 表示是否能被 2 整除,也就是判斷是奇數行還是偶數行,根據行號的單雙設定不同的背景色,從而實現隔行異色效果。

duang~ 完美搞定!

報表設計技巧之隔行異色

在業務系統中,經常會看到這樣的資料顯示需求 明細資料顯示時,相鄰行顯示不同的背景色,也就是我們說的隔行異色,效果如下圖所示。這種效果有助於使用者橫向檢視資料時避免錯行,更加清晰準確。如果不用報表工具,我們通常需要自己花點時間改頁面樣式,而通過報表工具我們就可以分分鐘實現隔行異色效果了。小老師這次教給...

填報表實現隔行異色的效果

v5 版本填報表單元格屬性中,單元格的前景背景顏色沒有提供瀏覽式報表的表示式屬性設定,所以不能通過條件表示式來實現隔行異色的效果,在填報表中如果需要實現隔行異色的效果可以通過 js 實現。下面是設計器下自帶的填報表例項 2.1sht 在頁面展現的原始效果 以該報表上為例,使單雙行顯示不同的背景色。在...

潤幹報表 dql分析模組報表實現隔行異色效果

需求說明 分析頁面報表展現結果時,實現隔行異色的效果 實現方法 需要二次開發實現,核心修改檔案為dqlreport.js dqlreport.js中自帶的backcolor為背景色的value值,這裡需要配置exp表示式實現效果 所以需要配置backcolorexp的值,修改4052 4063行中對...