排序时使表格显示交替的彩色背景

时间:2014-03-26 15:51:19

标签: php jquery css

我将数据输出到一个表格中,可以通过转到http://pa.sitescribers.com/perfect-fit-search/并点击“点击魔术按钮”找到该表格

问题是,当您单击任何标题以对表进行排序时,它不会保持交替的颜色背景方案。它可能是一个快速修复,但我不知道如何做到这一点。

任何帮助将不胜感激!

2 个答案:

答案 0 :(得分:2)

当我查看链接中的表格时,单击标题时没有任何反应,并且行上没有颜色。但是,如果这些功能处于活动状态,我可以猜测为什么会遇到麻烦。

不要在每个表格行上设置单独的类(例如' odd'和'偶数'),尝试使用CSS子选择器动态定义行的样式,如下所示: / p>

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

您可以阅读有关该here的更多信息并查看示例。

答案 1 :(得分:0)

在nth-child伪选择器上查看这篇文章。它将帮助您获得交替背景的效果。

http://css-tricks.com/how-nth-child-works/