Using tinysort with a table
Hello everybody,
I'm trying to sort a table with the plugin tinysort. But it doesn't work like that :
<head>[...]
<script type="text/javascript" src="[...]/jquery.min.js"></script>
<script type="text/javascript" src="[...]/jquery-ui.min.js"></script>
<script type="text/javascript" src="../JS/jquery.tinysort.js"></script>
<script type="text/javascript" src="../JS/jquery.tinysort.charorder.js"></script>
[...]
<script type="text/javascript">
var aAsc = [];
function sortTable(nr) {
aAsc[nr] = aAsc[nr] == 'asc' ? 'desc' : 'asc';
$('#tab>tbody>tr').tsort('td:eq(' + nr + ')[abbr]', { order: aAsc[nr] });
}
</script>
</head>
| <body> |
|
<form method="post" action="TestTinySort.aspx" id="form1"> |
|
|
|
|
|
<div> |
|
<table id="tab" rules="all" border="1"> |
|
<thead> |
|
<tr id="TableHeaderRow1"> |
|
<th><span id="lbCol1" onClick="sortTable(0);">colonne1</span></th><th><span id="lbCol2" onClick="sortTable(1);">colonne2</span></th><th><span id="lbCol3" onClick="sortTable(2);">colonne3</span></th> |
|
</tr> |
|
</thead><tbody> |
|
<tr id="TableRow1"> |
|
<td>DALA</td><td>EOLA</td><td>FULA</td> |
|
</tr><tr id="TableRow2"> |
|
<td>AALA</td><td>COLA</td><td>BULA</td> |
|
</tr><tr id="TableRow3"> |
|
<td>GALA</td><td>HOLA</td><td>TULA</td> |
|
</tr><tr id="TestMultiRow"> |
|
<td>ROLO</td><td>OILI1</td><td>DILI2</td> |
|
</tr><tr id="TableRow4"> |
|
<td>LULU1</td><td>UULU2</td><td>AILI2</td> |
|
</tr><tr id="TableRow5"> |
|
<td>MOF1</td><td>NOF2</td><td>ZILI2</td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
</div> |
|
</form> |
|
</body> |
Do you have an idea ? Thanks