2013-06-05 25 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 –

回答