想要把明细表做成奇偶行底色交错,奈何怎么搞都不起作用,上来求助大神们
效果如下:

代码如下:
/**
* 奇偶行底色交错(斑马线)
* @param {*} $tbody 表格的tbody对应的jQ对象
* @param {*} basicId 基准取值字段id
* @param {*} backgroundColor 背景颜色,默认浅灰
*/
function setZebraCrossing($tbody, basicId, backgroundColor) {
if (backgroundColor == undefined) {
backgroundColor = "rgb(220, 220, 220)";
}
$tbody.children("tr[_target='datarow']").each(function (index, element) {
if (index == 0) {
return true;
}
var prevColor = $(this).prev().css("background-color");
var value = $("#" + basicId + "_" + index).val();
var prevValue = $("#" + basicId + "_" + (index - 1)).val();
var newColor = prevColor;
if (value != prevValue) {
newColor = prevColor == "rgba(0, 0, 0, 0)" ? backgroundColor : "rgba(0, 0, 0, 0)";
}
$(this).css("background-color", newColor);
});
}
这里结束了--------------------------------
运行:
setZebraCrossing($("#oTable2>tbody"), "field12345");
效果如下:

代码如下:
/**
* 奇偶行底色交错(斑马线)
* @param {*} $tbody 表格的tbody对应的jQ对象
* @param {*} basicId 基准取值字段id
* @param {*} backgroundColor 背景颜色,默认浅灰
*/
function setZebraCrossing($tbody, basicId, backgroundColor) {
if (backgroundColor == undefined) {
backgroundColor = "rgb(220, 220, 220)";
}
$tbody.children("tr[_target='datarow']").each(function (index, element) {
if (index == 0) {
return true;
}
var prevColor = $(this).prev().css("background-color");
var value = $("#" + basicId + "_" + index).val();
var prevValue = $("#" + basicId + "_" + (index - 1)).val();
var newColor = prevColor;
if (value != prevValue) {
newColor = prevColor == "rgba(0, 0, 0, 0)" ? backgroundColor : "rgba(0, 0, 0, 0)";
}
$(this).css("background-color", newColor);
});
}
这里结束了--------------------------------
运行:
setZebraCrossing($("#oTable2>tbody"), "field12345");









