Zum Inhalt springen

MediaWiki/Tabellen: Unterschied zwischen den Versionen

Aus Foxwiki
K Textersetzung - „wikitable“ durch „table table-striped table-hover“
 
(52 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="wikitable"
{|class="table table-striped table-hover options"
!Zeichen !! Beschreibung
!Zeichen !! Beschreibung
|-
|-
Zeile 13: 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
|}
|}
= 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 <code>class=</code> angegeben.
* Um die einheitliche Gestaltung des Wiki zu gewährleisten, sollten nur Wiki-Klassen benutzt werden.
** [TODO: Link hinzufügen]


== Anwendungen ==
== Anwendungen ==
=== wikitable ===
=== table table-striped table-hover ===
<code>class="wikitable"</code> erstellt eine Grundgestaltung, dass die Tabelle visuell übersichtlicher darstellt.
<code>class="table table-striped table-hover"</code> erstellt eine Grundgestaltung, dass die Tabelle visuell übersichtlicher darstellt.
   
   
{|style="width: 100%;"
<nowiki>{|class="table table-striped table-hover" </nowiki>
|
<nowiki>|+ Tabelle</nowiki>
<nowiki>{|class="wikitable" </nowiki>
<nowiki>|Eins ||Zwei</nowiki>
 
<nowiki>|-</nowiki>
<nowiki>|+ Tabelle</nowiki>
<nowiki>|Drei ||Vier</nowiki>
<nowiki>|}</nowiki>


<nowiki>|Eins ||Zwei</nowiki>
{|class="table table-striped table-hover"
 
<nowiki>|-</nowiki>
 
<nowiki>|Drei ||Vier</nowiki>
 
<nowiki>|}</nowiki>
 
|-
|
|-
{|class="wikitable"
|+ Tabelle
|+ Tabelle
|Eins||Zwei
|Eins||Zwei
|-
|-
|Drei||Vier
|Drei||Vier
|}
|}
|}


=== sortable ===
=== sortable ===
Mit <code>class="sortable"</code> kann man Tabellen sortierbar machen.  
Mit <code>class="sortable"</code> kann man Tabellen sortierbar machen.  
{|style="width: 100%;"


|
<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>


<nowiki>
{| class="table table-striped table-hover sortable"
{| class="wikitable sortable"
|-
|-
! Fruit  !! Price
! Aufgabe !! Befehl
|-
|-
| Apples || £0.95
| Dateiinhalt anzeigen || [[cat]]
|-
|-
| Oranges || £0.85
| 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>
  <nowiki>! width="20%"|Name</nowiki>
<nowiki>! width="70%"|Beschreibung</nowiki>
<nowiki>! width="10%"|Quelle</nowiki>
<nowiki>|-</nowiki>
<nowiki>...</nowiki>
 
{| class="table table-striped table-hover"
! width="20%"|Name
! width="70%"|Beschreibung
! width="10%"|Quelle
|-
|-
| Pears  || £1.15
| Text || Text || Text
|-
|-
| Purple mangosteen || £1.05
| Text || Text || Text
|}
|}
</nowiki>


|
=== 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 <code>class=</code> angegeben.
* Um die einheitliche Gestaltung des Wiki zu gewährleisten, sollten nur Wiki-Klassen benutzt werden.
** [TODO: Link hinzufügen]


{| class="wikitable sortable"
=== Komplexe Tabellen ===
{| class="table table-striped table-hover sortable"  
|-
| | Anwendung
| colspan="4"  | NFS
|-
| | Darstellung
| colspan="4"  | XDR
|-
|-
! 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>{| 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
 
[[File:2022-02-22_18-43.png|thumb|none]]
 
<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