填報表實現隔行異色的效果
V5 版本填報表單元格屬性中,單元格的前景背景顏色沒有提供瀏覽式報表的表示式屬性設定,所以不能透過條件表示式來實現隔行異色的效果,在填報表中如果需要實現隔行異色的效果可以透過 JS 實現。
下面是設計器下自帶的填報表例項 2.1sht 在頁面展現的原始效果:
以該報表上為例,使單雙行顯示不同的背景色。
在報表展現的頁面如 showInput.jsp 中增加下面的 JS:
vartable=document.getElementById(sgid+“0”);
for(vari=2;i<table.rows.length;i++){
if(i%2==0){
table.rows_.style.background=‘#F7F7F7’;
}
}
在 web 端透過透過增加了上述 JS 的頁面訪問 2.1.sht 即可實現如下效果
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69900830/viewspace-2671138/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 頁面表格怎麼實現隔行異色、隔行變色
- JavaScript隔行變色效果JavaScript
- css實現隔行換色CSS
- JavaScript 表格隔行變色效果JavaScript
- jQuery表格隔行變色效果詳解jQuery
- 前端--實現隔行變色的兩種方式前端
- jQuery 隔行變色效果程式碼例項jQuery
- jQuery隔行變色效果程式碼例項jQuery
- jQuery實現的隔行變色程式碼例項jQuery
- 怎樣實現填報表定時提交
- js table隔行變色效果程式碼例項JS
- js實現的表格隔行變色和滑鼠懸浮變色程式碼JS
- 報表展現時如何實現固定表頭效果
- Excel實現隔行換色的2種方法圖文介紹Excel
- 報表如何實現行列互換效果?
- js實現li元素隔行背景變色例項程式碼JS
- 利用jquery子屬性過濾器實現隔行變色jQuery過濾器
- CSS 表格隔行變色CSS
- jQuery表格隔行變色jQuery
- 純CSS隔行換色CSS
- 報表中怎樣實現滾動的公告效果
- 如何實現掃碼填報資訊
- 實現報表滾動到底部翻頁效果
- 純css之隔行換色CSS
- 皕傑報表之填報操作
- 普通填報表單元格實現資料二次篩選
- jQuery外掛--表格隔行變色jQuery
- CSS表格隔行變色詳解CSS
- vue實現週報填寫小系統(上)Vue
- 如何實現報表滾動到底部進行翻頁的效果
- 大屏報表元件間的聯動互動效果實現方法元件
- canvas實現的藍色雨滴效果程式碼例項Canvas
- Excel表格如何隔行填充顏色?Excel表格底色隔行填充方法教程Excel
- 填報-web報表軟體必不可少的功能Web
- CSS 隔行變色程式碼例項CSS
- js隔行變色程式碼例項JS
- 那些特殊邊框效果在報表中要怎樣實現?
- 填報表之資料留痕