Question

我正在尝试实现奇数偶数和蓝色主题来复制演示。

我有一切工作：

jquery.latest.js
jquery.tablesorter.js
蓝色主题

唯一不起作用的是每行的奇数和偶数着色。这是我的。

<head>
<script type="text/javascript" src="jquery-latest.js"></script> 
<script type="text/javascript" src="jquery.tablesorter.js">
 </script> 
<link rel="stylesheet" href="style.css" type="text/css" media="print, projection, screen" />

<script type="text/javascript">
$("#myTable").tablesorter({widgets: ['zebra']});

    </script>
</head>

我对标题的header类进行了硬编码，但我尝试编写一个函数来将类设置为奇数和偶数，但是当我对表进行排序时，行会搞乱。示例：3灯1暗4灯2暗

我猜它与zebra有关，我尝试搜索SO和文档，但我空洞了。

Answer 1

不再需要使用类了。只需使用CSS！

#myTable tr {
  background: red;
}

#myTable tr:nth-child(odd) {
  background: blue;
}

IE9 +和其他主流浏览器支持此功能：http://caniuse.com/#search=nth-child

Tablesorter JS无法实现奇数/偶数

1 个答案: