tabelle_data

mache eine normale HTML-Tabelle mittels JQuery sortierbar/durchsuchbar etc.

(Editor)


Mit dem Tag "tabelle_data" kann man eine normale Tabelle im HTML-Format per JavaScript sortierbar/durchsuchbar/filterbar/paginierbar machen. Die verwendete Sprache wird automatisch ermittelt. Lang-Dateien liegen im Ordner /scripts/jQuery/dataTables. Weitere finden sich hier http://datatables.net/plug-ins/i18n

Wichtig: Die Tabelle muss mittels <thead>, <tbody> in Head- und Body-Section unterteilt sein. Das Tag darf erst nach der Tabelle eingebunden werden.

Optionen:

  • id: die ID der Tabelle
  • laenge: So viele Zeilen werden bei Initialisierung der Tabelle auf der ersten Seite gezeigt. Standardwert: 10
  • sortierung: Bei Initialisierung wird per Default die erste Zeile aufwärts sortiert. Dies kann man mit dieser Einstellung ändern. Man gibt die Nr. der Spalte (Spaltenzählung beginnt mit 0) und die Sortierungrichtung "asc" oder "desc" an. Beispielangabe: sortierung="1, desc" Hier wird also nach der 2. Spalte absteigend sortiert
  • version: Wenn gesetzt auf "2" wird ein aktuelleres DataTable eingebunden. Hier stehen zusätzliche Optionen zur Verfügung:
    • export: Wenn "ja", kann die Tabelle nach Excel exportiert werden

 

Beispiel Live-Demo
A B
2 ABC
1 XYZ
{.tabelle_data id="beispiel"}
A B
2 ABC
1 XYZ

 

Hinweis: Bitte den "." hinter "{" nicht am Anfang übernehmen.