2013-06-05 29 views
1

我试图实现奇怪的偶数和蓝色主题来复制演示。Tablesorter JS无法实现奇数/偶数

我所拥有的一切工作:

  • 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和文档,但我空了。

+0

找到一份像样的答案,如何做到这一点:

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

这是通过IE9 +等主流浏览器的支持 http://stackoverflow.com/questions/5783504/help-to -color-alternate-rows-in-sortable-table –

回答