Demo
| Student01 |
Języki |
mężczyzna |
80 |
70 |
75 |
słaba |
| Student02 |
Matematyka |
mężczyzna |
90 |
88 |
100 |
dobra |
| Student03 |
Języki |
kobieta |
85 |
95 |
80 |
średnia |
Javascript
// Dodanie parsera za pomocą metody addParser wtyczki tablesorter
$.tablesorter.addParser({
// Ustawienie identyfikatora
id: 'grades',
is: function(s) {
// Zwrot wartości false, dzięki czemu parser ten nie będzie automatycznie wykrywany
return false;
},
format: function(s) {
// Sformatowanie danych do normalizacji
return s.toLowerCase().replace(/good/,2).replace(/medium/,1).replace(/bad/,0);
},
// Ustawienie typu — numeryczny lub tekstowy
type: 'numeric'
});
$(function() {
$("table").tablesorter({
headers: {
6: {
sorter:'grades'
}
}
});
});
HTML
<table class="tablesorter" cellspacing="1">
<thead>>
<tr>
<th>imię i nazwisko</th>
<th>mspecjalizacja</th>
<th>płeć</th>
<th>angielski</th>
<th>japoński</th>
<th>rachunek</th>
<th>ogólna ocena</th>
</tr>
</thead>
<tbody>
<tr>
<td>student01</td>
<td>języki</td>
<td>mężczyzna</td>
<td>80</td>
<td>70</td>
<td>75</td>
<td>słaba</td>
</tr>
<tr>
<td>student02</td>
<td>matematyka</td>
<td>mężczyzna</td>
<td>90</td>
<td>88</td>
<td>100</td>
<td>dobra</td>
</tr>
<tr>
<td>student03</td>
<td>języki</td>
<td>kobieta</td>
<td>85</td>
<td>95</td>
<td>80</td>
<td>średnia</td>
</tr>
</tbody>
</table>