[jQuery] Tablesorter IE7 Problem
I'm having a weird problem where Tablesorter does not sort properly in
IE7. It works perfectly fine in Firefox 2.0.0.x and Safari.
The one tricky thing in my structure is that I don't have text in my
<td> cell. Instead, I have input buttons with values which go directly
in each cell.
Here's my essential structure:
<table class="tableBorder" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th>Module Name</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><input id="Submit6" class="select" name="submit1" type="submit"
value="Edit Page Skins" /></td>
<td>Enable toggle skins on the Homepage, MLP, TSP, and TLP pages</td>
</tr>
<tr>
<td><input class="select" type="submit" value="Edit This Tool"
id="Submit22" name="submit1" /></td>
<td> </td>
</tr>
<tr>
<td><input class="select" type="submit" value="Edit That Tool"
id="Submit23" name="submit1" /></td>
<td> </td>
</tr>
<tr>
<td><input class="select" type="submit" value="Edit Another Tool"
id="Submit24" name="submit1" /></td>
<td> </td>
</tr>
</tbody>
</table>
In my javascript, I'm doing the following:
$("table").tablesorter({
textExtraction: $(this).attr("value"),
headers: {
1: { sorter: false },
sortList: [[0,0]]
}
});
So, I'm trying to sort by "input value". IE7 doesn't seem to like it.
Any ideas?
-victor