2010-10-29 2 views
1

J'ai un GridView asp.net que j'utilise la tablesorter sur:Comment puis-je zébrer une grille qui utilise jquery tablesorter?

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

Comment puis-je appliquer zébrures qui re-rayures lors d'une nouvelle de tri?

Edit: Comme @Chetan Sastry a souligné, il est aussi simple que:

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

http://stackoverflow.com/questions/979669/alternate-row-coloring-in-jquery – zod

Répondre

2

Avez-vous vu le widget de zèbre dans le plugin tablesorter? Cela dit, il fait partie du noyau de plugin - http://tablesorter.com/docs/example-widgets.html

+0

Je savais qu'il devait y avoir un moyen facile de le faire. .. – chris

+0

Ne pas oublier avec un gridview vous devrez peut-être rendre le etc. pour que tablesorter fonctionne, comme vu dans ce post: http://stackoverflow.com/questions/3978990/how-can-i-use -jquery-tablesorter-avec-un-asp-net-gridview – deebs

2

On dirait que .tablesorter() applique les classes de odd et even sur les lignes de votre table. La règle CSS de la page Web est tablesorter:

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