-
-
CC化腐朽为神奇 数据达人Lv4
发表于2018-5-18 11:39
悬赏1
已解决
楼主
浮动表隔行变色，表达式怎么写
最近看过此主题的会员
最佳答案
也可以用客户端脚本来做哦。不过比较复杂。
复制代码
- /***
- **奇偶行换色
- *@param tableHeaderId 表格的代号
- *调用方式jrhhs("GRID2")
- ***/
- function jrhhs(tableHeaderId){
- jQuery("#"+tableHeaderId+" table tr:odd").attr("bgColor","#DD1C73");
- jQuery("#"+tableHeaderId+" table tr:even").attr("bgColor","#875BE6");
- }
- jrhhs("GRID2");
- /***
- **表格三行换色
- **@param tableHeaderId 表格的代号
- **调用方式 colorGridBy3("GRID4")
- ***/
- function colorGridBy3(tableHeaderId){
- var grid = jQuery("#"+tableHeaderId)[0];
- //getChildNodeAt是BI内置的一个客户端函数,用于获取DOM节点的第0个标签为table的子节点
- var table = getChildNodeAt(grid,"table",0);
- for(var i=0;i<table.rows.length;i++){
- var modValue = i%3;
- if(modValue == 0){
- jQuery(table.rows[i]).attr("bgColor","#FFCC00");
- }else if(modValue == 1){
- jQuery(table.rows[i]).attr("bgColor","#339966");
- }else if(modValue == 2){
- jQuery(table.rows[i]).attr("bgColor","#FF0000");
- }
- }
- }
- colorGridBy3("GRID4");
4个回答
["#FFCC00","#339966","#FF0000"][mod(row(),3)]
这个是隔行变色的表达式例子，例子是每三行变色
mod(row(),3)表示行号除以三取余
具体颜色色号和行号除以几取余，按照您那边需求自己做调整
也可以用客户端脚本来做哦。不过比较复杂。
- /***
- **奇偶行换色
- *@param tableHeaderId 表格的代号
- *调用方式jrhhs("GRID2")
- ***/
- function jrhhs(tableHeaderId){
- jQuery("#"+tableHeaderId+" table tr:odd").attr("bgColor","#DD1C73");
- jQuery("#"+tableHeaderId+" table tr:even").attr("bgColor","#875BE6");
- }
- jrhhs("GRID2");
- /***
- **表格三行换色
- **@param tableHeaderId 表格的代号
- **调用方式 colorGridBy3("GRID4")
- ***/
- function colorGridBy3(tableHeaderId){
- var grid = jQuery("#"+tableHeaderId)[0];
- //getChildNodeAt是BI内置的一个客户端函数,用于获取DOM节点的第0个标签为table的子节点
- var table = getChildNodeAt(grid,"table",0);
- for(var i=0;i<table.rows.length;i++){
- var modValue = i%3;
- if(modValue == 0){
- jQuery(table.rows[i]).attr("bgColor","#FFCC00");
- }else if(modValue == 1){
- jQuery(table.rows[i]).attr("bgColor","#339966");
- }else if(modValue == 2){
- jQuery(table.rows[i]).attr("bgColor","#FF0000");
- }
- }
- }
- colorGridBy3("GRID4");
