Tabellen
Es stehen zwei Tabellen-Stile zur Verfügung:
- mit grauen Trennlinien (Grid)
- ohne Linien (Basic)
Bei Bedarf können Tabellen auch breiter dargestellt werden und es gibt eine Sortierfunktion für Spalten.
Verwenden Sie Tabellen nicht als Layout-Werkzeug, z.B. um Elemente nebeneinander anzuordnen, sondern nur für tabellarische Informationen.
Erstellung
- Klicken Sie auf die Schaltfläche «Tabelle»
- Zeile/Spalte: Geben Sie die Anzahl Zeilen und Spalten an
- Kopfzeile: Die Titelzeile oder -spalte. Muss immer genutzt werden: Accessibility
- Bestätigen Sie mit «OK»
- Tabellentyp:
- Klicken Sie in die Tabelle
- Wählen Sie im Menu «Stil»: Typ 1: Grid oder Typ 4: Basic
(Die anderen Tabellentypen unterscheiden sich nicht von «Grid»).
Bearbeitung
Die Formatierung von Tabellen erfolgt mit dem Kontextmenu (Rechtsklick):
Zelle | Zeile | Spalte | Tabelleneigenschaften
- Zellenbreite, Zellenhöhe, Zellenausrichtung: Zelle > Zelleneigenschaften
- Titelzeile / Titelspalte: Tabellen-Eigenschaften > Kopfzeile
- Zellen verbinden / teilen: Zelle > Nach rechts/links verbinden / Zelle horizontal/vertikal teilen
- Zeile einfügen / löschen: Zeile > Zeile oben/unten einfügen / Zeile entfernen
- Spalte einfügen / löschen: Spalte > Spalte links/rechts einfügen / Spalte löschen
- Tabelle löschen: Tabelle löschen
Tipp: Spaltenbreite wird mit der Zellenbreite definiert
Breite Tabelle, sortierbare Spalten und Tabellenfilter
Tabellenbreite
Die Tabellenbreite kann vergrössert werden:
Kontextmenu (Rechtsklick): Tabellen-Eigenschaften > Erweitert: size-wide (eingeben)
Sortierbare Spalten
Tabellenspalten können sortierbar gemacht werden. Es erscheinen dann entsprechende Icons in der Titelzeile:
Kontextmenu (Rechtsklick): Tabellen-Eigenschaften > Erweitert: tablesorter (eingeben)
Tabellenfilter
Diese Option ermöglicht den Benutzenden, die sie interessierenden Daten einer Tabelle herauszufiltern:
Kontextmenu (Rechtsklick): Tabellen-Eigenschaften > Erweitert: js-tableFilter (eingeben)
Beispiele
Stadardtabelle: Typ 1: Grid
| Spalte A | Spalte B | Spalte C | Spalte D |
|---|---|---|---|
| Wert 1 | Wert 2 | Wert 3 | Wert 4 |
| Wert 5 | Wert 6 | Wert 7 | Wert 8 |
Tabelle ohne Linien: Typ 4: Basic
| Spalte A | Spalte B | Spalte C | Spalte D |
|---|---|---|---|
| Wert 1 | Wert 2 | Wert 3 | Wert 4 |
| Wert 5 | Wert 6 | Wert 7 | Wert 8 |
Breite Tabelle mit sortierbaren Spalten
| Spalte A | Spalte B | Spalte C | Spalte D | Spalte E | Spalte F | Spalte G |
|---|---|---|---|---|---|---|
| Wert 1 | Apfel | Christian | 34.50 | 130.60.122.78 | Basel | 45 |
| Wert 2 | Orange | Andreas | 100.00 | 89.67.89.30 | Zürich | 26 |
| Wert 3 | Zitrone | Stefan | 45.90 | 128.128.255.255 | Genf | 62 |
Tabelle mit Filter-Eingabefeld
| Spalte A | Spalte B | Spalte C | Spalte D |
|---|---|---|---|
| Wert 1 | Wert 2 | Wert 3 | Wert 4 |
| Wert 5 | Wert 6 | Wert 7 | Wert 8 |