jQueryテーブルターを使用するグリッドビューをゼブラストライプするにはどうすればよいですか?
-
27-09-2019 - |
質問
私は次のようにテーブルターを使用するasp.net gridviewを持っています。
$(document).ready(function() {
$("[id$='_myGridView']").tablesorter({ sortList: [[0, 0]] });
});
再ソートするときに再ストライプするゼブラストライピングを適用するにはどうすればよいですか?
編集:@Chetan Sastryが指摘したように、それは次のように簡単です
$(document).ready(function() {
$("[id$='_myGridView']").tablesorter({ sortList: [[0, 0]], widgets: ['zebra'] });
});
解決
TablesorterプラグインでZebraウィジェットを見たことがありますか?これは、プラグインコアの一部であると言います - http://tablesortor.com/docs/example-widgets.html
他のヒント
それはように見えます .tablesorter()
のクラスを適用します odd
と even
あなたのテーブルの列に。 TableSorter WebページのCSSルールは次のとおりです。
table.tablesorter tbody tr.odd td { background-color: #F0F0F6 }
所属していません StackOverflow