[HTML] Tabelle sortierbar machen

mit thead und konsorten unterteilt man die tabelle in logische 
einheiten, für den eigentlichen inhalt ist th und td schon geeignet.

wenn du es nicht per javascript machen willst (obwohl das mit jQuery 
wirklich elegant geht), dann muss dein server die daten eben aufbereiten 
indem du ihm per request mitteilst wie dus gerne hättest

Läubi .. schrieb:
> Besser wäre <thead> <tbody> <tfoot> zu nutzen...

Und wie soll ich damit die Elemente erzeugen? Die brauchen immer noch 
<tr>, <th> und <td> :)
Für eine einfache Tabelle, lohnen sich eine Unterteilung aber fast 
nicht. Bei größeren baue ich das schon ein.

D. I. schrieb:
> wenn du es nicht per javascript machen willst (obwohl das mit jQuery
> wirklich elegant geht)
Nicht wenn es auch wie erhofft gehen würde.


Schade dass da mit HTML5 nichts in diese Richtung hinzugekommen ist.
Dann werde ich mir wohl mal was in JS zusammen basteln. jQuery ist mir 
für ein paar "Spielereien" fast zu groß.


Naja, immerhin haben wir mit CSS3 so wichtige Funktionen bekommen um in 
Tabellenzeilen die Farbe zu wechseln. Ein Glück dass wir uns jetzt die 5 
Zeilen PHP-Code sparen können. :D

sortieren ist gar nicht so einach. Was ist wenn ein deutsches Datum 
dargestellt wird.  "24.01.2012" da ist nichts mit einfach sortieren.

Dafür wurde data-* in HTML5 eingeführt.

1

<span data-datum="2012-01-24">24.1.2012</span>

Damit sollte ich schon gut sortieren lassen. Wenn auch noch eine Uhrzeit 
dabei steht, könnte man auch einen Timestamp angeben.

Troll schrieb:
> jQuery ist mir
> für ein paar "Spielereien" fast zu groß.

Aber viel angenehmer gehts fast nicht mehr (nur noch zusammen mit 
CoffeeScript)

Ist zwar JS, aber ziemlich genial: http://datatables.net/ ;)

So meine Sortierfunktion ist mal soweit fertig :)
jQuery habe ich nicht benutzt, da ich sowas lieber selbst mache. Mit 
fertigen Funktionen lernt man nichts.
Und Läubi du hast doch gewonnen. <tbody> usw. sind jetzt drin (War etwas 
leichter damit).

Ich kopier das Script hier rein, falls es mal jemand brauchen kann.
Mehrere Tabellen können einzeln sortiert werden und Zahlen werden 
berücksichtigt. Sortiert wird zuerst abwärts und bei erneutem Klick 
aufwärts.

Wichtig ist nur:
* Die Zeile mit den Links müssen die Elemente in <th> stehen. (wie es 
bei einer Kopfzeile normal ist)
* Die Tabelle(n) und die Links müssen eine ID haben und in den Links 
angegeben werden.
* Die Anzahl der Kopfelemente müssen mit denen im Body übereinstimmen.

Tabellenaufbau: siehe Anhang
Javascript: siehe Anhang