MediaWiki/Tabellen: Unterschied zwischen den Versionen

Aus Foxwiki
Wechseln zu:Navigation, Suche
Versionsgeschichte interaktiv durchsuchen
← Zum vorherigen Versionsunterschied

Dirkwagner (Diskussion | Beiträge)

3 Benutzergruppen
155.311 Bearbeitungen
VisuellWikitext
K Textersetzung - „wikitable“ durch „table table-striped table-hover“
 
(69 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
'''topic''' - Beschreibung
== Beschreibung ==
Tabellen können auf Wikiseiten erstellt werden um listenförmige Zusammenstellung darzustellen.
Tabellen können auf Wikiseiten erstellt werden um listenförmige Zusammenstellung darzustellen.


=Syntax=
== Aufruf ==
 
{|class="table table-striped table-hover options"
{|class="wikitable"
!Zeichen !! Beschreibung
!Zeichen !! Beschreibung
|-
|-
| <nowiki>{|</nowiki> || Beginn einer Tabelle
| <nowiki>{|</nowiki> || Beginn einer Tabelle
|-
|-
| <nowiki>|+</nowiki> || Tabellenbeschriftung, '''Ist nur zwischen Tabellenanfang und erster Tabellenzeile einzufügen'''
| <nowiki>|+</nowiki> || Tabellenbeschriftung (nur zwischen Tabellenanfang und erster Tabellenzeile)
|-
|-
| <nowiki>|-</nowiki> || Tabellenzeile
| <nowiki>|-</nowiki> || Tabellenzeile
Zeile 14: Zeile 15:
| <nowiki>!</nowiki> || Tabellenkopfzelle
| <nowiki>!</nowiki> || Tabellenkopfzelle
|-
|-
| <nowiki>|</nowiki> || Tabellenzelle bzw. eine weitere Spalte
| <nowiki>|</nowiki> || Tabellenzelle bzw.&nbsp;eine weitere Spalte
|-
|-
| <nowiki>|}</nowiki> || Ende einer Tabelle
| <nowiki>|}</nowiki> || Ende einer Tabelle
|}
|}


= Anwendungen =
== Anwendungen ==
== Beispiel 1 ==
=== table table-striped table-hover ===
<code>class="table table-striped table-hover"</code> erstellt eine Grundgestaltung, dass die Tabelle visuell übersichtlicher darstellt.
<nowiki>{|class="table table-striped table-hover" </nowiki>
<nowiki>|+ Tabelle</nowiki>
<nowiki>|Eins ||Zwei</nowiki>
<nowiki>|-</nowiki>
<nowiki>|Drei ||Vier</nowiki>
<nowiki>|}</nowiki>


{|style="width: 100%;"
{|class="table table-striped table-hover"
 
|
 
<nowiki>
{|
|+ Tabelle
|+ Tabelle
|Eins
|Eins||Zwei
|Zwei
|-
|-
|Drei
|Drei||Vier
|Vier
|}
|}
</nowiki>


|
=== sortable ===
Mit <code>class="sortable"</code> kann man Tabellen sortierbar machen.
 
<nowiki> {| class="table table-striped table-hover sortable" </nowiki>
<nowiki> |- </nowiki>
<nowiki> ! Aufgabe !! Befehl !! Link </nowiki>
<nowiki> |- </nowiki>
<nowiki> | Dateiinhalt anzeigen || cat || [[cat]] </nowiki>
<nowiki> |- </nowiki>
<nowiki> | Binärdatei anzeigen || od || [[od]] </nowiki>
<nowiki> |- </nowiki>
<nowiki> | Dateianfang anzeigen || head || [[head]] </nowiki>
<nowiki> |- </nowiki>
<nowiki> | Dateiende ausgeben || tail || [[tail]] </nowiki>
<nowiki> |- </nowiki>
<nowiki> | Dateiinhalt anzeigen || more || [[more]] </nowiki>
<nowiki> |- </nowiki>
<nowiki> | Dateiinhalt anzeigen || less || [[less]] </nowiki>
<nowiki> |- </nowiki>
<nowiki> | Dateiinhalt zählen || wc || [[wc]] </nowiki>
<nowiki> |} </nowiki>


{|
{| class="table table-striped table-hover sortable"
|+ Tabelle
|-
|Eins
! Aufgabe !! Befehl
|Zwei
|-
|-
|Drei
| Dateiinhalt anzeigen || [[cat]]
|Vier
|-
|}
| Binärdatei anzeigen || [[od]]
 
|-
| Dateianfang anzeigen || [[head]]
|-
| Dateiende ausgeben || [[tail]]
|-
| Dateiinhalt anzeigen || [[more]]
|-
| Dateiinhalt anzeigen || [[less]]
|-
| Dateiinhalt zählen || [[wc]]
|}
|}


----
=== Spaltenbreite ===
 
<nowiki>{| class="table table-striped table-hover"</nowiki>
== Beispiel 2 ==
<nowiki>! width="20%"|Name</nowiki>
 
<nowiki>! width="70%"|Beschreibung</nowiki>
Mit <nowiki>"||"</nowiki> ist es möglich, die Zellen nebeneinander zu schreiben, um eine bessere Übersicht zu behalten.
<nowiki>! width="10%"|Quelle</nowiki>
<nowiki>|-</nowiki>
<nowiki>...</nowiki>


{|style="width: 100%;"
{| class="table table-striped table-hover"
 
! width="20%"|Name
|
! width="70%"|Beschreibung
 
! width="10%"|Quelle
<nowiki>
{|
|+ Tabelle
|Eins||Zwei
|-
|-
|Drei||Vier
| Text || Text || Text
|}
</nowiki>
 
|
 
{|
|+ Tabelle
|Eins||Zwei
|-
|-
|Drei||Vier
| Text || Text || Text
|}
 
|}
|}


=Attribute=
=== Attribute ===
 
* Die Darstellung der Tabellen kann mit ''HTML-Attribute'' angepasst werden
Man kann die Darstellung von Tabellen ändern in dem man '''HTML-Attribute''' den Tabellen anhängt.
** [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 <code>class=</code> angegeben.
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 einheitliche Gestaltung des Wiki zu gewährleisten, sollten nur Wiki-Klassen benutzt werden.
 
** [TODO: Link hinzufügen]


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.
=== Komplexe Tabellen ===
 
{| class="table table-striped table-hover sortable"  
== Anwendungen ==
 
=== Beispiel 1 ===
 
Mit <code>class="wikitable"</code> kann man ein Grundstyling erhalten, was die Tabelle visuell übersichtlicher darstellt.
{|style="width: 100%;"
 
|
 
<nowiki>
{|class="wikitable"
|+ Tabelle
|Eins ||Zwei
|-
|-
|Drei ||Vier
| | Anwendung
|}
| colspan="4" | NFS
</nowiki>
 
|
 
{|class="wikitable"
|+ Tabelle
|Eins||Zwei
|-
|-
|Drei||Vier
| | Darstellung
|}
| colspan="4"  | XDR
 
|}
 
=== Beispiel 2 ===
 
Mit <code>class="sortable"</code> kann man Tabellen sortierbar machen.
 
{|style="width: 100%;"
 
|
 
  <nowiki>
{| class="wikitable sortable"
|-
|-
! Fruit  !! Price
| | Sitzung
| colspan="4"  | (Sun-) RPC
|-
|-
| Apples || £0.95
| | Transport
| colspan="2" | UDP
| colspan="2"  | [[TCP]]
|-
|-
| Oranges || £0.85
| | Netzwerk
| colspan="4"  | IP
|-
|-
| Pears  || £1.15
| | Netzzugang
| | Ethernet
| | TokenRing
| | FDDI
| | …
|-
|-
| Purple mangosteen || £1.05
|}
|}
</nowiki>


|
<nowiki>{| class="table table-striped table-hover sortable" </nowiki>
<nowiki>|-</nowiki>
<nowiki>| | Anwendung</nowiki>
<nowiki>| colspan="4"  | NFS</nowiki>
<nowiki>|-</nowiki>
<nowiki>| | Darstellung</nowiki>
<nowiki>| colspan="4"  | XDR</nowiki>
<nowiki>|-</nowiki>
<nowiki>| | Sitzung</nowiki>
<nowiki>| colspan="4"  | (Sun-) RPC</nowiki>
<nowiki>|-</nowiki>
<nowiki>| | Transport</nowiki>
<nowiki>| colspan="2"  | UDP</nowiki>
<nowiki>| colspan="2"  | [[TCP]]</nowiki>
<nowiki>|-</nowiki>
<nowiki>| | Netzwerk</nowiki>
<nowiki>| colspan="4"  | IP</nowiki>
<nowiki>|-</nowiki>
<nowiki>| | Netzzugang</nowiki>
<nowiki>| | Ethernet</nowiki>
<nowiki>| | TokenRing</nowiki>
<nowiki>| | FDDI</nowiki>
<nowiki>| | …</nowiki>
<nowiki>|-</nowiki>
<nowiki>|}</nowiki>
 
; float
{| class="table table-striped table-hover float"
|-
!colspan="2" style="background:#C0C0FF; font-size:larger;"| [[TCP]] (Transmission Control Protocol)
|-
! Familie:
| Internetprotokolle
|-
! Einsatzgebiet:
| Zuverlässiger bidirektionaler<br />Datentransport
|-
! Netzwerk-IP-Transportprotokoll:
| [[TCP]]| Hypertext Transfer Protocol ('''HTTP'''), Simple Mail Transfer Protocol ('''SMTP''')
|}
 
== Tabellengenerator ==
* https://www.tablesgenerator.com/mediawiki_tables


{| class="wikitable sortable"
[[File:2022-02-22_18-43.png|thumb|none]]
|-
! Fruit  !! Price
|-
| Apples  || £0.95
|-
| Oranges || £0.85
|-
| Pears  || £1.15
|-
| Purple mangosteen || £1.05
|}


|}
<noinclude>


= Links =
== Anhang ==
== Intern ==
=== Siehe auch ===
TODO
{{Special:PrefixIndex/MediaWiki/Tabellen}}
----
* [[foxwiki:Vorlage/Tabelle]]


== Weblinks ==
=== Links ===
* [https://www.mediawiki.org/wiki/Help:Tables/de Hilfe:Tabelle-MediaWiki]
==== Projekt ====
* [http://www.tablesgenerator.com/mediawiki_tables Tablesgenerator]
==== Weblinks ====
* [https://www.mediawiki.org/wiki/Help:Sorting#Sorting_rows_of_a_table Tabellen Sortieren]
# [https://www.mediawiki.org/wiki/Help:Tables/de Hilfe:Tabelle-MediaWiki]
# [https://www.tablesgenerator.com/mediawiki_tables Tablesgenerator]
# [https://www.mediawiki.org/wiki/Help:Sorting#Sorting_rows_of_a_table Tabellen Sortieren]
# https://en.wikipedia.org/wiki/Help:Table


[[Category:Wiki]]
[[Kategorie:MediaWiki/Anleitung]]
</noinclude>

Aktuelle Version vom 29. Juli 2026, 10:57 Uhr

topic - Beschreibung

Beschreibung

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

Aufruf

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

Anwendungen

table table-striped table-hover

class="table table-striped table-hover" erstellt eine Grundgestaltung, dass die Tabelle visuell übersichtlicher darstellt. 

{|class="table table-striped table-hover" 
|+ Tabelle
|Eins ||Zwei
|-
|Drei ||Vier
|}
Tabelle
Eins Zwei
Drei Vier

sortable

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

 {| class="table table-striped table-hover sortable" 
 |- 
 ! Aufgabe !! Befehl !! Link 
 |- 
 | Dateiinhalt anzeigen || cat || [[cat]] 
 |- 
 | Binärdatei anzeigen || od || [[od]] 
 |- 
 | Dateianfang anzeigen || head || [[head]] 
 |- 
 | Dateiende ausgeben || tail || [[tail]] 
 |- 
 | Dateiinhalt anzeigen || more || [[more]] 
 |- 
 | Dateiinhalt anzeigen || less || [[less]] 
 |- 
 | Dateiinhalt zählen || wc || [[wc]] 
 |}
Aufgabe Befehl
Dateiinhalt anzeigen cat
Binärdatei anzeigen od
Dateianfang anzeigen head
Dateiende ausgeben tail
Dateiinhalt anzeigen more
Dateiinhalt anzeigen less
Dateiinhalt zählen wc

Spaltenbreite

{| class="table table-striped table-hover"
! width="20%"|Name
! width="70%"|Beschreibung
! width="10%"|Quelle
|-
...
Name Beschreibung Quelle
Text Text Text
Text Text Text

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]

Komplexe Tabellen

Anwendung NFS
Darstellung XDR
Sitzung (Sun-) RPC
Transport UDP TCP
Netzwerk IP
Netzzugang Ethernet TokenRing FDDI … 
{| class="table table-striped table-hover sortable" 
|-
| | Anwendung
| colspan="4"  | NFS
|-
| | Darstellung
| colspan="4"  | XDR
|-
| | Sitzung
| colspan="4"  | (Sun-) RPC
|-
| | Transport
| colspan="2"  | UDP
| colspan="2"  | [[TCP]]
|-
| | Netzwerk
| colspan="4"  | IP
|-
| | Netzzugang
| | Ethernet
| | TokenRing
| | FDDI
| | …
|-
|}
float
TCP (Transmission Control Protocol)
Familie: Internetprotokolle
Einsatzgebiet: Zuverlässiger bidirektionaler
Datentransport
Netzwerk-IP-Transportprotokoll: TCP| Hypertext Transfer Protocol (HTTP), Simple Mail Transfer Protocol (SMTP)

Tabellengenerator


Anhang

Siehe auch

Projekt

  1. Hilfe:Tabelle-MediaWiki
  2. Tablesgenerator
  3. Tabellen Sortieren
  4. https://en.wikipedia.org/wiki/Help:Table
Abgerufen von „https://wiki.foxtom.de/index.php?title=MediaWiki/Tabellen&oldid=173021“
Powered by MediaWiki