Datatables.net

Features

Eckdaten

  • modular
  • jQuery
  • eingebaute Funktionen als Module
    • Paginierung
    • Suche
    • Spalten sortieren
    • viele Plugins, u.a. Layoutframeworks
  • diverse Datenquellen
    • DOM
    • Ajax
    • Javascript-Source
    • serverseitig / SQL

Beispiele

Simple out-of-the-box Funktionen:

  • Paginierung
  • Suche
  • Sortierung
  • Datensatz-Zahl

Zero Config

$(document).ready(function() {
    $('#example').DataTable();
} );
 
Das schaut dann so aus: Zeroconfig

Beispiele

Multiple table control elements

  • Mehrere Instanzen der Bedienelemente
  • Umsortieren von Spalten
$(document).ready(function() {
    $('#example').DataTable( {
        "dom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>'
    } );
} );

Beispiel: Multiple table control elements

Styling

Vorbereitet für die Verwendung mit

  • Bootstrap 3
  • Bootstrap 4
  • Foundation
  • Semantic UI
  • jQuery UI ThemeRoller
  • Material Design
  • UIKit

... und dadurch einfach Drop-In.

Fazit

Datatables ist

  • (+) sehr vielseitig
  • (+) viele Funktionen
  • (-) fett wie ein Truthahn (ab 230 kB)