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.271 Bearbeitungen
VisuellWikitext
K Dirkwagner verschob die Seite ITWiki:Tabellen erstellen nach ITWiki:Tabellen, ohne dabei eine Weiterleitung anzulegen
K Textersetzung - „wikitable“ durch „table table-striped table-hover“
 
(73 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, nicht notwendig um die erste Zeile zu machen, macht Wiki automatisch
| <nowiki>|-</nowiki> || Tabellenzeile
|-
|-
| <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
|}
|}


==Beispiele==
== Anwendungen ==
=== 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>


'''Beispiel 1'''
{|class="table table-striped table-hover"
 
{|style="width: 100%;"
 
|
 
<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 ===
 
* Die Darstellung der Tabellen kann mit ''HTML-Attribute'' angepasst werden
=Attribute=
** [TODO: Link hinzufügen]
 
* Um die Funktionalität und die Gestaltung der Tabellen zu ändern, sollen vorgegebene Gruppen von Veränderungen, Klassen, benutzt werden.  
Man kann die Darstellung von Tabellen ändern in dem man '''HTML-Attribute''' den Tabellen anhängt.
** Klassen werden mit <code>class=</code> angegeben.
 
* Um die einheitliche Gestaltung des Wiki zu gewährleisten, sollten nur Wiki-Klassen benutzt werden.
 
** [TODO: Link hinzufügen]
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.
=== Komplexe Tabellen ===
 
{| class="table table-striped table-hover sortable"  
==Beispiele==
 
'''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>


Weblinks
== Anhang ==
* [https://www.mediawiki.org/wiki/Help:Tables/de Hilfe:Tabelle-MediaWiki]
=== Siehe auch ===
* [http://www.tablesgenerator.com/mediawiki_tables Tablesgenerator]
{{Special:PrefixIndex/MediaWiki/Tabellen}}
* [https://www.mediawiki.org/wiki/Help:Sorting#Sorting_rows_of_a_table Tabellen Sortieren]
----
* [[foxwiki:Vorlage/Tabelle]]


=== Links ===
==== Projekt ====
==== Weblinks ====
# [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