Tabellen-Demo 1

Die folgende Adress-Tabelle wird mit sehr geringem Aufwand auf die Webseite gebracht. Ein leeres DIV-Element enthält die Attribute class="autoload-table" und data-tabid="demo_table1".

Diese Angaben werden per JavaScript erkannt und im Hintergrund an den Server geschickt. In der Konfigurartionsdatei demo_table1.php stehen alle benötigten Angaben, die für die Anzeige der Tabelle nötig sind. Das ist vorerst nur der Tabellenname und die Templatedatei, die für die Tabelle vewendet werden soll.

In dieser Basisausstattung gibt es bereits eine Sortiermöglichkeit für die Spalten und eine Pagination, eine Möglichkeit weiter zu blättern, weil nur eine begrenzte Zahl von Datensätzen (in diesem Fall 10) angezeigt werden.

Die Tabelle wird geladen ...

Diese Standardausgabe der Tabelle, die mit Hilfe von Bootstrap (einem bekannten CSS-Framework) der bereits erwähnten Template-Datei und einer zusätzlichen eigenenen CSS-Datei entsteht, enthält zunächst noch einige Schönheitsfehler, die wir jetzt nach und nach beseitigen wollen:

Wir hätten gern einen deutschen Tabellennamen und die Spalten sollen ebenfalls in deutscher Sprache benannt werden. Das Geburtsdatum soll außerdem im Format TT.MM.JJJJ erscheinen.