MediaWiki/Tabellen: Unterschied zwischen den Versionen
Änderung 16226 von Saidmustafavi (Diskussion) rückgängig gemacht. Markierung: Rückgängigmachung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 19: | Zeile 19: | ||
|} | |} | ||
=Beispiele= | ==Beispiele== | ||
'''Beispiel 1''' | '''Beispiel 1''' | ||
{|style="width: 100%; | {|style="width: 100%;" | ||
| | | | ||
| Zeile 57: | Zeile 57: | ||
Mit <nowiki>"||"</nowiki> ist es möglich, die Zellen nebeneinander zu schreiben, um eine bessere Übersicht zu behalten. | Mit <nowiki>"||"</nowiki> ist es möglich, die Zellen nebeneinander zu schreiben, um eine bessere Übersicht zu behalten. | ||
{|style="width: 100%; | {|style="width: 100%;" | ||
| | | | ||
| Zeile 83: | Zeile 83: | ||
---- | ---- | ||
'''Beispiel | =Attribute= | ||
Man kann die Darstellung von Tabellen ändern in dem man '''HTML-Attribute''' den Tabellen anhängt. | |||
Das Verändern von einzelnen Attributen, wie z.B. <code>style="background-color:green;"</code>, ist untersagt um die Einheitlichkeit der Artikel, und die Kompatibilität zwischen verschiedenen Displaytypen zu schonen. | |||
Um die Funktionalität und die Gestaltung der Tabellen zu ändern sollen vorgegebene Gruppen von Veränderungen, sogenannte Klassen, benutzt werden. Klassen kann man mit dem <code>class</code> Attribut setzen. | |||
==Beispiele== | |||
'''Beispiel 1''' | |||
Mit <code>class="wikitable"</code> kann man ein Grundstyling erhalten, was die Tabelle visuell übersichtlicher darstellt. | Mit <code>class="wikitable"</code> kann man ein Grundstyling erhalten, was die Tabelle visuell übersichtlicher darstellt. | ||
{|style="width: 100%; | {|style="width: 100%;" | ||
| | | | ||
| Zeile 107: | Zeile 119: | ||
|- | |- | ||
|Drei||Vier | |Drei||Vier | ||
|} | |||
|} | |||
'''Beispiel 2''' | |||
Mit <code>class="sortable"</code> kann man Tabellen sortierbar machen. | |||
{|style="width: 100%;" | |||
| | |||
<nowiki> | |||
{| class="wikitable sortable" | |||
|- | |||
! Fruit !! Price | |||
|- | |||
| Apples || £0.95 | |||
|- | |||
| Oranges || £0.85 | |||
|- | |||
| Pears || £1.15 | |||
|- | |||
| Purple mangosteen || £1.05 | |||
|} | |||
</nowiki> | |||
| | |||
{| class="wikitable sortable" | |||
|- | |||
! Fruit !! Price | |||
|- | |||
| Apples || £0.95 | |||
|- | |||
| Oranges || £0.85 | |||
|- | |||
| Pears || £1.15 | |||
|- | |||
| Purple mangosteen || £1.05 | |||
|} | |} | ||
| Zeile 114: | Zeile 166: | ||
* [https://www.mediawiki.org/wiki/Help:Tables/de Hilfe:Tabelle-MediaWiki] | * [https://www.mediawiki.org/wiki/Help:Tables/de Hilfe:Tabelle-MediaWiki] | ||
* [http://www.tablesgenerator.com/mediawiki_tables Tablesgenerator] | * [http://www.tablesgenerator.com/mediawiki_tables Tablesgenerator] | ||
* [https://www.mediawiki.org/wiki/Help:Sorting#Sorting_rows_of_a_table Tabellen Sortieren] | |||
[[Category:Wiki]] | [[Category:Wiki]] | ||
Version vom 23. September 2020, 13:54 Uhr
Tabellen können auf Wikiseiten erstellt werden um listenförmige Zusammenstellung darzustellen.
Syntax
| Zeichen | Beschreibung |
|---|---|
| {| | Beginn einer Tabelle |
| |+ | Tabellenbeschriftung, Ist nur zwischen Tabellenanfang und erster Tabellenzeile einzufügen |
| |- | Tabellenzeile, nicht notwendig um die erste Zeile zu machen, macht Wiki automatisch |
| ! | Tabellenkopfzelle |
| | | Tabellenzelle bzw. eine weitere Spalte |
| |} | Ende einer Tabelle |
Beispiele
Beispiel 1
{|
|+ Tabelle
|Eins
|Zwei
|-
|Drei
|Vier
|}
|
|
Beispiel 2
Mit "||" ist es möglich, die Zellen nebeneinander zu schreiben, um eine bessere Übersicht zu behalten.
{|
|+ Tabelle
|Eins||Zwei
|-
|Drei||Vier
|}
|
|
Attribute
Man kann die Darstellung von Tabellen ändern in dem man HTML-Attribute den Tabellen anhängt.
Das Verändern von einzelnen Attributen, wie z.B. style="background-color:green;", ist untersagt um die Einheitlichkeit der Artikel, und die Kompatibilität zwischen verschiedenen Displaytypen zu schonen.
Um die Funktionalität und die Gestaltung der Tabellen zu ändern sollen vorgegebene Gruppen von Veränderungen, sogenannte Klassen, benutzt werden. Klassen kann man mit dem class Attribut setzen.
Beispiele
Beispiel 1
Mit class="wikitable" kann man ein Grundstyling erhalten, was die Tabelle visuell übersichtlicher darstellt.
{|class="wikitable"
|+ Tabelle
|Eins ||Zwei
|-
|Drei ||Vier
|}
|
|
Beispiel 2
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
|}
|
|
Weblinks