Does anyone have an example of how to stripe the data rows? The
default looks like it should be .odd & .even and I am using the blue
theme but nothing is getting striped.
Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>JQuery Grid</title>
<link href="themes/blue/style.css" type="text/css" rel="stylesheet"/>
<style>
.even {
#000;
}
.odd {
#fff;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script>
$(document).ready(function() {
// call the tablesorter plugin
$("table").tablesorter({
0: {sorter:"text"},
1: {sorter:"text"},
2: {sorter:"integer"},
3: {sorter:"currency"},
4: {sorter:"percent"},
5: {sorter:"date"},
sortForce: [0,0],
widgetZebra: {css: ["even","odd"]}
});
});
</script>
</head>
<body>
<div style="width:600px;">
<table class="tablesorter" cellspacing="1">
<thead>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
<th>Total</th>
<th>Discount</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>Peter</td>
<td>Parker</td>
<td>28</td>
<td>$9.99</td>
<td>20%</td>
<td>07/06/2006</td>
</tr>
<tr>
<td>John</td>
<td>Hood</td>
<td>33</td>
<td>$19.99</td>
<td>25%</td>
<td>11/10/2002</td>
</tr>
<tr>
<td>Clark</td>
<td>Kent</td>
<td>18</td>
<td>$15.89</td>
<td>44%</td>
<td>01/12/2003</td>
</tr>
<tr>
<td>Bruce</td>
<td>Almighty</td>
<td>45</td>
<td>$153.19</td>
<td>44%</td>
<td>01/18/2001</td>
</tr>
<tr>
<td>Bruce</td>
<td>Evans</td>
<td>22</td>
<td>$13.19</td>
<td>11%</td>
<td>01/18/2007</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
On Aug 16, 3:27 pm, "Christian Bach" <[EMAIL PROTECTED]>
wrote:
> Thanks guys!
>
> I will see to it that i add a short overview to the examples.
>
> /christian
