2010-10-29 140 views
1

我有我用的tablesorter的一個asp.net的GridView:如何斑馬條紋使用jquery tablesorter的gridview?

$(document).ready(function() { 
    $("[id$='_myGridView']").tablesorter({ sortList: [[0, 0]] }); 
    }); 

如何申請斑馬條紋重新排序時重新條紋?

編輯:@Chetan沙斯特里指出的那樣,它是那樣簡單:

$(document).ready(function() { 
    $("[id$='_myGridView']").tablesorter({ sortList: [[0, 0]], widgets: ['zebra'] }); 
    }); 
+0

http://stackoverflow.com/questions/979669/alternate-row-coloring-in-jquery – zod 2010-10-29 19:16:18

回答

2

你見過在tablesorter插件斑馬小部件?這說,這是插件的核心部分 - http://tablesorter.com/docs/example-widgets.html

+0

我知道必須有一種簡單的方法來做到這一點。 .. – chris 2010-10-29 19:16:10

+0

不要忘了使用gridview,你可能需要渲染等爲tablesorter工作,在這篇文章中看到:http://stackoverflow.com/questions/3978990/how-can-i-use -jquery-的tablesorter與 - 一個-ASP淨GridView控件 – deebs 2014-09-18 17:25:37

2

它看起來像.tablesorter()適用於表格的行和oddeven。從網頁的tablesorter的CSS規則是:

table.tablesorter tbody tr.odd td { background-color: #F0F0F6 }