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

2021-08-31 18:10:26 字數 537 閱讀 3784

v5 版本填報表單元格屬性中,單元格的前景背景顏色沒有提供瀏覽式報表的表示式屬性設定,所以不能通過條件表示式來實現隔行異色的效果,在填報表中如果需要實現隔行異色的效果可以通過 js 實現。

下面是設計器下自帶的填報表例項 2.1sht 在頁面展現的原始效果:

以該報表上為例,使單雙行顯示不同的背景色。

在報表展現的頁面如 showinput.jsp 中增加下面的 js:

vartable=document.getelementbyid(sgid+「0」);

for(vari=2;iif(i%2==0){

table.rows_.style.background=『#f7f7f7』;

在 web 端通過通過增加了上述 js 的頁面訪問 2.1.sht 即可實現如下效果

潤幹V5網格式填報表實現隔行異色的效果

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

報表設計技巧之隔行異色

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

報表設計技巧之隔行異色

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