Neuigkeiten, Interessantes und Informatives
Wer vorhandene Daten innerhalb einer Tabelle komfortabel sortieren will, kommt an dem Tablesorter-Plugin von Christian Bach nicht vorbei. Das Plugin ermöglicht unter anderem eine Sortierung über mehrere Tabellenspalten mit vielen implementierten Sortieralgorithmen. Um das deutsche Datumformat hat sich mit einem zusätzlichen Parser bereits Ulrich Wolf gekümmert.
Alternativ lassen sich auch weitere Parser definieren und nutzen. Hier noch eine Möglichkeit von Dennis Schlobohm für das Datetime-Format.
Ohne viel Aufwand von mir noch ein Parser für das Zeitformat HH:ii:ss
<script type="text/javascript">// < ![CDATA[
$.tablesorter.addParser
(
{
id: 'germantime',
is: function(s)
{
return false;
},
format: function(s)
{
var a = s.split(':');
a[1] = a[1].replace(/^[0]+/g,"");
return new Date(a.reverse().join("/")).getTime();
},
type: 'numeric'
}
);
// eingebunden kann das
// Ganze dann so aussehen ...
$("#tblLogging").tablesorter
(
{
// Filter-Plugin
widgets: [
'filter'
],
filter:
{
title: 'Daten filtern...'
},
headers:
{
// erste Spalte mit Datum dd.mm.YYYY sortieren
0: {
sorter: 'germandate'
},
// zweite Spalte Spalte mit Uhrzeit HH:ii:ss sortieren
1: {
sorter: 'germantime'
}
},
// Standardsortierung bei Aufruf der Tabelle
sortList: [
// erste Spalte absteigend sortieren
[0,1],
// zweite Spalte absteigend sortieren
[1,1]
]
}
);
// ]]></script>
Danke an Christian, Ulrich und Dennis für diese nützlichen Plugins und Parser.
Update: jQuery Tablesorter Filter
