No it won't fix the problem.
It has to do with the data-type in the cells I think. Below the page where the table doesn't sort in IE8.
FF, Opera, Chrome all don't have problems with the sorting...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="../modules/jqueryadmin/jquery-core/jquery-core.min.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content=""/>
<meta name="Description" content=""/>
<script type="text/javascript" src="../modules/jqueryadmin/plugins/tablesorter/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="../modules/jqueryadmin/plugins/tablesorter/jquery.tablesorter.pager.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#resultaat").tablesorter({widgets: ['zebra'],
// pass the headers argument and assign a object
headers: {
// assign the first column (we start counting zero)
0: {
// disable it by setting the property sorter to false
sorter: false
},
// assign the second column (we start counting zero)
1: {
// disable it by setting the property sorter to false
sorter: false
},
// assign the third column (we start counting zero)
2: {
// disable it by setting the property sorter to false
sorter: false
},
// assign the sixth column (we start counting zero)
5: {
// disable it by setting the property sorter to false
sorter: false
},
// assign the seventh column (we start counting zero)
6: {
// disable it by setting the property sorter to false
sorter: false
},
// assign the eighth column (we start counting zero)
7: {
// disable it by setting the property sorter to false
sorter: false
},
// assign the ninth column (we start counting zero)
8: {
// disable it by setting the property sorter to false
sorter: false
},
// assign the tenth column (we start counting zero)
9: {
// disable it by setting the property sorter to false
sorter: false
}
},
debug: true
});
}
);
</script>
<link rel="stylesheet" href="../modules/jqueryadmin/plugins/tablesorter/blue/style.css" type="text/css" />
</head>
<body>
<table class="tablesorter" id="resultaat" width="98%">
<thead>
<tr>
<th><b>Afb.</b></th>
<th><b>Artikelnummer</b></th>
<th><b>Omschrijving</b></th>
<th><b>Bruto</b></th>
<th><b>Netto</b></th>
<th><b>Staffel</b></th>
<th><b>Vrd</b></th>
<th><b>Levertijd</b></th>
<th><b>Aantal</b></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td><form action="" method="post">
<a href="#"><img src="29500030.jpg" width="30px"></a>
</td>
<td>artikelnummer1</td>
<td><div>artikelomschrijving1</div></td>
<td>€ 18,00</td>
<td>€ 9,00</td>
<td></td>
<td>14</td>
<td align="right">Aantallen en levertijd1</td>
<td><input type="text" name="aantal" value="1" size="2" onfocus="this.select();" /></td>
<td><input type="submit" name="cart" title="Toevoegen" value="" /></form></td>
</tr>
<tr>
<td><form action="" method="post">
<a href="#><img src="29500505.jpg" width="30px"></a>
</td>
<td>Artikelnummer2</td>
<td><div>artikelomschrijving2</div></td>
<td>€ 33,00</td>
<td>€ 16,50</td>
<td></td>
<td>2<br>17</td>
<td align="right">Aantallen en levertijd2</td>
<td><input type="text" name="aantal" value="1" size="2" onfocus="this.select();" /></td>
<td><input type="submit" name="cart" title="Toevoegen" value="" /></form></td>
</tr>
</tbody>
</table>
</body>
</html>
