MediaWiki/Tabellen: Unterschied zwischen den Versionen

Aus Foxwiki
Zeile 67: Zeile 67:
== Spaltenbreite ==
== Spaltenbreite ==
  <nowiki>{| class="wikitable"</nowiki>
  <nowiki>{| class="wikitable"</nowiki>
<nowiki>|- style="background-color:#F2F2F2"</nowiki>
  <nowiki>! width="20%"|Name</nowiki>
  <nowiki>! width="20%"|Name</nowiki>
  <nowiki>! width="70%"|Beschreibung</nowiki>
  <nowiki>! width="70%"|Beschreibung</nowiki>
Zeile 75: Zeile 74:


{| class="wikitable"
{| class="wikitable"
|- style="background-color:#F2F2F2"
! width="20%"|Name
! width="20%"|Name
! width="70%"|Beschreibung
! width="70%"|Beschreibung

Version vom 12. August 2021, 21:29 Uhr

Tabellen können auf Wikiseiten erstellt werden um listenförmige Zusammenstellung darzustellen.

Syntax

Zeichen Beschreibung
{| Beginn einer Tabelle
|+ Tabellenbeschriftung (nur zwischen Tabellenanfang und erster Tabellenzeile)
|- Tabellenzeile
! Tabellenkopfzelle
| Tabellenzelle bzw. eine weitere Spalte
|} Ende einer Tabelle

Anwendungen

wikitable

class="wikitable" erstellt eine Grundgestaltung, dass die Tabelle visuell übersichtlicher darstellt.

{|class="wikitable" 
|+ Tabelle
|Eins ||Zwei
|-
|Drei ||Vier
|}
Tabelle
Eins Zwei
Drei Vier

sortable

Mit class="sortable" kann man Tabellen sortierbar machen.

{| class="wikitable sortable"
|-
! Fruit   !! Price
|-
| Apples  || £0.95
|-
| Oranges || £0.85
|-
| Pears   || £1.15
|-
| Purple mangosteen || £1.05
|}
Fruit Price
Apples £0.95
Oranges £0.85
Pears £1.15
Purple mangosteen £1.05

Spaltenbreite

{| class="wikitable"
! width="20%"|Name
! width="70%"|Beschreibung
! width="10%"|Quelle
|-
...
Name Beschreibung Quelle

Attribute

  • Die Darstellung der Tabellen kann mit HTML-Attribute angepasst werden
    • [TODO: Link hinzufügen]
  • Um die Funktionalität und die Gestaltung der Tabellen zu ändern, sollen vorgegebene Gruppen von Veränderungen, Klassen, benutzt werden.
    • Klassen werden mit class= angegeben.
  • Um die einheitliche Gestaltung des Wiki zu gewährleisten, sollten nur Wiki-Klassen benutzt werden.
    • [TODO: Link hinzufügen]

Links

Intern

TODO

Weblinks