Tabellen einfügen: Unterschied zwischen den Versionen
Aus GCMS Hilfe
| (10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| − | Es ist möglich über html Tabellen auf den GCMS Seiten zu verwenden. | + | Es ist möglich, über html Tabellen auf den GCMS Seiten zu verwenden. Eine gute und ausführliche Anleitung für das Erstellen von angepassten Tabellen finden Sie [https://wiki.selfhtml.org/wiki/HTML/Tabellen/Aufbau_einer_Tabelle '''hier''']. |
== Bootstrap == | == Bootstrap == | ||
| − | [[Datei:Tabelle.png|miniatur|Bootstrap-Tabelle]] | + | [[Datei:Tabelle.png|miniatur|Bootstrap-Tabelle - Frontend]] |
| − | Über Bootstrap ist es Ihnen ebenfalls möglich Tabellen auf dem GCMS-System zu verwenden. | + | Über [[Bootstrap]] ist es Ihnen ebenfalls möglich Tabellen auf dem GCMS-System zu verwenden. Rechts sehen Sie ein Beispiel wie so eine Tabelle aussieht. Die hier verwendete Tabellenform ist in einem div Element eingegliedert und die Spalten passen sich immer über die ganze Breite der Seite an. |
| + | |||
| + | Der Befehl <nowiki><tr></nowiki> leitet hierbei immer eine neue Tabellenzeiile ein und muss durch <nowiki></tr></nowiki> beendet werden. | ||
| + | |||
| + | Der Codeabschnitt <nowiki><th> dient dazu eine neue Spalte zu erstellen und </th></nowiki> zum Schließen dieser. | ||
<keinbr/> | <keinbr/> | ||
| − | <nowiki><div class="table-responsive"></nowiki> | + | <nowiki><div class="table-responsive"><table</nowiki> class="table"> |
<thead> | <thead> | ||
<nowiki><tr></nowiki><nowiki><th>#</th></nowiki> <nowiki><th>Table heading</th></nowiki> <nowiki><th>Table heading</th></nowiki> <nowiki><th>Table heading</th></nowiki> <nowiki><th>Table heading</th></nowiki> <nowiki><th>Table heading</th></nowiki> <nowiki><th>Table heading</th></nowiki><nowiki></tr></nowiki> | <nowiki><tr></nowiki><nowiki><th>#</th></nowiki> <nowiki><th>Table heading</th></nowiki> <nowiki><th>Table heading</th></nowiki> <nowiki><th>Table heading</th></nowiki> <nowiki><th>Table heading</th></nowiki> <nowiki><th>Table heading</th></nowiki> <nowiki><th>Table heading</th></nowiki><nowiki></tr></nowiki> | ||
| Zeile 18: | Zeile 22: | ||
<nowiki></div></nowiki> | <nowiki></div></nowiki> | ||
| − | Eine Ausführliche Dokumentation zu den Funktionen ist [https://getbootstrap.com/docs/3.3/css/#tables hier] zu finden. | + | Eine Ausführliche Dokumentation zu den Funktionen ist [https://getbootstrap.com/docs/3.3/css/#tables '''hier'''] zu finden. |
Aktuelle Version vom 18. März 2019, 14:58 Uhr
Es ist möglich, über html Tabellen auf den GCMS Seiten zu verwenden. Eine gute und ausführliche Anleitung für das Erstellen von angepassten Tabellen finden Sie hier.
Bootstrap
Über Bootstrap ist es Ihnen ebenfalls möglich Tabellen auf dem GCMS-System zu verwenden. Rechts sehen Sie ein Beispiel wie so eine Tabelle aussieht. Die hier verwendete Tabellenform ist in einem div Element eingegliedert und die Spalten passen sich immer über die ganze Breite der Seite an.
Der Befehl <tr> leitet hierbei immer eine neue Tabellenzeiile ein und muss durch </tr> beendet werden.
Der Codeabschnitt <th> dient dazu eine neue Spalte zu erstellen und </th> zum Schließen dieser.
<keinbr/> <div class="table-responsive"><table class="table"> <thead> <tr><th>#</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th> <th>Table heading</th></tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> <tr> <th scope="row">2</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> <tr> <th scope="row">3</th> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> <td>Table cell</td> </tr> </tbody> </table> </div>
Eine Ausführliche Dokumentation zu den Funktionen ist hier zu finden.
