表带隐藏列的列

Question

我有隐藏列的表。起初，我希望表格栏被绘成条状。当我展开桌子时（所以会显示隐藏的列），我希望他们的颜色作为'主要'颜色（最初没有隐藏的颜色）。 我无法使用css nth-of-type(odd)，因为主列不总是以偶数/奇数排序。

我正在用jQuery构建此表后，我得到一个ajax响应，所以我有控制在哪个单元格创建（主要或隐藏）。

我找不出办法，使这项工作

Answer 1

首先，条纹您document.load主列。 P是你的主要列td的类，H是你隐藏的列的td类，灰色是你想要应用的样式。

$("tr td.P:even").each(function (index, element) { 
    $(element).addClass("gray") 
}) 

然后，在取消隐藏隐藏列后，再次对它们进行条带化处理。

var isGray = false; 
$("tr td").each(function (index, element) { 
    if ($(element).is(".P")) 
     isGray = !isGray 
    else if (isGray) 
     $(element).addClass("gray") 
}) 

下面是一个简单的jsfiddle - 只需单击取消隐藏 - http://jsfiddle.net/wz4au7wq/