Question

I’m currently using the jquery plugin tablesorter, found here: http://tablesorter.com/docs/#Download

My problem is, when I create odd row coloring, and I click a table header to sort, my alternating colors are suddenly mixed up again because the sorter rearranged the rows. Is there a way I can keep my alternating row colors?

To see what my problem is, open this jsfiddle, and click one of the row headers.
http://jsfiddle.net/bJCKz/1/

Answer 1

Use

.tablesorter tbody tr:nth-child(odd) {
   background-color: turquoise;   
}

Instead of classes. This way the rule is appied dynamically to odd rows.

Updated demo at http://jsfiddle.net/bJCKz/5/