Как я могу зебра разделить gridview, который использует jquery tableorter?
У меня есть asp.net GridView, на котором я использую TableSorter:
$(document).ready(function() {
$("[id$='_myGridView']").tablesorter({ sortList: [[0, 0]] });
});
Как я могу применить полоски зебры, которые повторно полосы при повторной сортировке?
Редактировать: как @Chetan Sastry указал, это так просто, как:
$(document).ready(function() {
$("[id$='_myGridView']").tablesorter({ sortList: [[0, 0]], widgets: ['zebra'] });
});
2 ответа
Решение
Вы видели виджет зебры в плагине TableSorter? Это говорит о том, что это часть ядра плагина - http://tablesorter.com/docs/example-widgets.html
Это выглядит как .tablesorter()
применяет классы odd
а также even
на рядах вашего стола. Правило CSS с веб-страницы Tablesorter:
table.tablesorter tbody tr.odd td { background-color: #F0F0F6 }