How can I zebra stripe a gridview that uses jquery tablesorter?

Question

I have an asp.net GridView that I use the tablesorter on:

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

How can I apply zebra striping that re-stripes when re-sorting?

Edit: As @Chetan Sastry pointed out, it's as simple as:

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

http://stackoverflow.com/questions/979669/alternate-row-coloring-in-jquery — zod, Oct 29 '10 at 19:16

score 2 · Accepted Answer · answered Oct 29 '10 at 19:13

2

Have you seen the zebra widget in tablesorter plugin? This says it is part of plugin core - http://tablesorter.com/docs/example-widgets.html

answered Oct 29 '10 at 19:13

Chetan S

Don't forget with a gridview you may need to render the etc. for tablesorter to work, as seen in this post: http://stackoverflow.com/questions/3978990/how-can-i-use-jquery-tablesorter-with-an-asp-net-gridview – deebs Sep 18 '14 at 17:25

score 2 · Answer 2 · answered Oct 29 '10 at 19:16

2

It looks like .tablesorter() applies classes of odd and even on the rows of your table. The CSS rule from the Tablesorter webpage is:

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

answered Oct 29 '10 at 19:16

awayken

2 Answers2