一千萬個為什麽

搜索

在對表進行分頁和排序時,如何獲得替代行顏色?

我在以下鏈接上有一個演示:

http://mywebbapp.com/tableSortingDemo.html

當您單擊“狀態”列並開始排序,然後單擊分頁箭頭轉到第2頁時,在您再次單擊“狀態”列之前,行不會交替顯示顏色。我可以寫一個腳本來解決這個問題嗎?

最佳答案

是的,雖然我建議使用預制表,例如 DataTables

這是一個小的jQuery插件,如果你可以在分頁時觸發它,可以使用它:

jQuery.fn.stripe = function() {
    $(this).find('tr').removeClass('even odd').filter(':odd').addClass('odd').end().find('tr:even').addClass('even');
}

$('#table').stripe();

然後一定要有一些改變顏色的CSS:

tr.odd { background: #fff }
tr.even { background: #ddd }

轉載註明原文: 在對表進行分頁和排序時,如何獲得替代行顏色?