PmWikiDe
(:title Einfache Tabellen:)
(:Summary: Einfache Tabellen erstellen:)
(:Original_Page: PmWiki.Tables:)
(:Translation_Date: 2011-05-14:)
(:Translation_Status: %green%fertig%%:)
(:Audience: Autoren (Grundlagen):)
!! Grundlagen zu Tabellen
Bei PmWiki gibt es zwei Arten von Formatierungsanweisungen für Tabellen. Die auf dieser Seite beschriebene Syntax ist nützlich, um einfache Tabellen mit vielen kleinen Zellen zu erzeugen. Die [[TableDirectives | zweite verfügbare Syntax]] ist für Tabellen mit komplexen Zellinhalten geeignet. Weitere Möglichkeiten, Tabellen zu formatieren, finden sich in den Kochbuch-Rezepten [[Cookbook:RowspanInSimpleTables]] und [[Cookbook:FormattingTables]] (nur auf Englisch verfügbar).
Tabellen werden mit Hilfe des doppelten 'pipe'-Zeichens @@||@@ definiert. ''(Auf deutschen Tastaturen befindet sich das 'pipe'-Zeichen in der Regel links unten auf der Taste mit den Zeichen '<' und '>'. Das 'pipe'-Zeichen lässt sich unter Windows oder Linux normalerweise durch gleichzeitiges Drücken der [=<AltGr>-Taste=] und der '<'-Taste erzeugen. Macintosh Nutzer verwenden Wahltaste+7.).'' Zeilen, die mit @@||@@ beginnen, zeigen den Beginn einer Tabellenzeile an. Das Auftreten von @@||@@ innerhalb einer Zeile markiert den Beginn einer neuen Tabellenzelle. Nachfolgende Tabelle enthält zur besseren Sichtbarkeit einen Rand (standardmäßig ist kein Rand sichtbar).
Die erste Zeile enthält Format-Kommandos für die Tabelle. Sie hat das doppelte 'Pipe'-Zeichen nur am Zeilenanfang.
(:markup caption='Einfache Tabelle' class=horiz:)
|| border=1
|| Zelle 1 || Zelle 2 || Zelle 3 ||
|| Zelle 1 || Zelle 2 || Zelle 3 ||
(:markupend:)
Kopfzellen können gebildet werden, indem man ! als erstes Zeichen einer Zelle eingibt. Dies sind ''Tabellenköpfe'', keine ''Überschriften'', so daß !! und !!! keine Wirkung haben!
(:markup caption='Tabellenköpfe' class=horiz:)
|| border=1
||! Zelle 1 ||! Zelle 2 ||! Zelle 3 ||
|| Zelle 1 || Zelle 2 || Zelle 3 ||
(:markupend:)
Tabellen können eine Beschriftung besitzen: [@||!Beschriftung!||@]. Jede Beschriftung muss vor den anderen Zeilen der Tabelle eingefügt werden.
(:markup caption='Tabellenbeschriftung' class=horiz:)
|| border=1
||! Eine besondere Tabelle !||
||! Zeile 1 ||! Zeile 2 ||! Zeile 3 ||
|| Zeile 1 || Zeile 2 || Zeile 3 ||
(:markupend:)
!! Formatierung von Zellinhalten
Zellinhalte dürfen links-, rechtsbündig oder zentriert sein.
* Um Inhalte nach links auszurichten, wird der Zelleninhalt ohne Leerzeichen direkt rechts neben das führende @@||@@ geschrieben.
* Um Inhalte zu zentrieren, wird jeweils ein Leerzeichen vor und nach dem Zelleninhalt gesetzt.
* Für die rechtsbündige Ausrichtung wird der Zelleninhalt ohne Leerzeichen direkt links neben das folgende @@||@@ gestellt, wobei vor dem Zelleninhalt ein Leerzeichen eingetippt wird.
(:markup caption='Ausrichtung der Zellen':)
|| border=1 width=100%
||!Zelle 1 ||! Zelle 2 ||! Zelle 3||
||linksbündig || zentriert || rechtsbündig||
(:markupend:)
(:markup caption='Standardausrichtung der Zellen':)
|| border=1 width=100%
||!Zelle standard||!Zelle links ||
||bündig nach Standard||linksbündig ||
(:markupend:)
Es sei bemerkt, daß die Kopfzellen und die Einzelzellen verschiedene Voreinstellungen haben.
Eine Zelle überspannt mehrere Spalten, wenn der Zelle weitere leere Zellen folgen. (Zur Zeit existiert keine Syntax für das Überspannen von Zeilen.)
(:markup caption='Überspannen von Spalten':)
|| border=1 width=100%
|| |||| rechte Spalte ||
|| || mittlere Spalte ||||
|| linke Spalte ||||||
|| linke Spalte || mittlere Spalte || rechte Spalte ||
(:markupend:)
!! Tabelleneigenschaften
Jede Zeile, welche mit [@||@] beginnt, aber nicht mit [@||@] endet, setzt die ''Tabelleneigenschaften'' für eine folgende Tabelle. Diese Eigenschaften können Größe, Position, Rahmen, Hintergrundfarbe und die Zellenabstände in der Tabelle bestimmen. (Tatsächlich handelt es sich hier nur um die in den <table> Ausdruck gesetzten Standard-HTML-Eigenschaften.)
Mit dem [@width=@]-Attribut (in Prozent als absoluter Wert oder als '''*''') wird die Tabellenweite festgelegt.
(:markup caption='Tabellenbreite':)
|| border=1 width=100%
|| Zeile 1 || Zeile 2 || Zeile 3 ||
|| z1 || zeilezeilezeilezeile2 || zeile 3 ||
(:markupend:)
Das [@border=@]-Attribut setzt die Größe der Tabellenränder.
(:markup caption='Tabelle mit Rahmen' class=horiz:)
|| border=10
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||
(:markupend:)
(:markup caption='Tabelle ohne Rahmen' class=horiz:)
|| border=0
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||=]
(:markupend:)
Mit [@align=center@], [@align=left@], and [@align=right@] wird die Tabelle links-, rechtsbündig oder zentriert ausgerichtet. [@align=left@] und [@align=right@] erzeugen eine ''fließende (floating) Tabelle'', so dass der Text um die Tabelle herumfließt.
(:markup caption='Tabellenausrichtung: zentriert' class=horiz:)
|| border=1 align=center width=70%
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||
Eine mit [@align=center@] ausgerichtete Tabelle wird nicht vom Text umflossen.
(:markupend:)
(:markup caption='Tabellenausrichtung: linksbündig' class=horiz:)
|| border=1 align=left width=70%
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||
Der Text fließt rechts um die links ausgerichtete Tabelle.
(:markupend:)
(:markup caption='Tabellenausrichtung: rechtsbündig' class=horiz:)
|| border=1 align=right width=70%
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||
Der Text fließt links um die rechts ausgerichtete Tabelle.
(:markupend:)
Zu beachten ist, dass man CSS benötigt, um eine Tabelle zwar linksbündig auszurichten, aber als nicht-fließendes Element festzulegen.
->[@||style="margin-left:0px;"@]
Das [@bgcolor=@]-Attribute legt die Hintergrundfarbe fest. Im Moment können keine individuellen Farben für Zeilen oder Spalten in einer Tabelle festgelegt werden (siehe aber auch das Kochbuch-Rezept [[Cookbook:FormattingSimpleTables]] (nur auf Englisch verfügbar)).
(:markup class=horiz:)
|| border=1 align=center bgcolor=yellow
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||
(:markupend:)
!!Weitere Beispiele
(:markup caption='Eine komplexere Tabelle':)
%define=sp padding-right:1em font-weight:bold%
|| border=1
|| [++Events Calendar++] ||||||||||
|| '''May 2005''' || '''June 2005''' || '''July 2005''' || '''August 2005''' || '''September 2005''' ||
||%sp%'''10'''%%6:30 - 8:30 Big Meeting[[<<]][[<<]]%sp%'''17'''%%7:00 - 8:30 Bigger Meeting[[<<]][[<<]]%sp%'''24'''%%7:00 - 8:30 Biggest Meeting|| || || || ||
|| '''October 2005''' || '''November 2005''' || '''December 2005''' || '''January 2006''' || '''February 2006''' ||
|| || || || || ||
(:markupend:)
%trail% <<|[[DocumentationIndex|Dokumentationsindex]]|>>
>>faq<< [[#faq]]
Q: Wie erzeuge ich eine einfache Tabelle?
A: Tabellen werden unter Verwendung des doppelten 'Pipe'-Zeichens '@@||@@' erzeugt. Zeilen, die mit diesem Symbol beginnen, zeigen eine Tabellenzeile an; inerhalb socher Zeilen wird das doppelte 'Pipe'-Zeichen benutzt, um Tabellenzellen zu begrenzen. In dem Beispiel hierunter sind Rahmen hinzugefügt zur Illustration (der Standard ist kein Rahmen).
(:markup caption='Basic table' class=horiz:)
|| border=1 rules=rows frame=hsides
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
(:markupend:)
Q: Wie erzeuge ich Spaltenköpfe?
A: Spaltenköpfe können erzeugt werden, indem man ein Aussrufezeichen an die erste Stelle einer Zelle setzt. Anmerkung: Dies sind Spaltenköpfe, keine Überschriften, '!!' oder '!!!' funktionieren nicht.
(:markup caption='Table headers' class=horiz:)
|| border=1 rules=cols frame=vsides
||! cell 1 ||! cell 2 ||! cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
(:markupend:)
Q: Wie erhalte ich eine Tabelle mit dünnen Linien und mehr Abstand zum Inhalt?
A: "Dünne Linien" ist trickreich und browserabhängig, aber das Folgende funktioniert für Firefox und IE (Nov. 2009):
(:markup:)
||border="1" cellpadding="10" style="border-collapse:collapse" width=66%
||!Spalte1 ||! Spalte2 ||! Spalte3||
||Zellen || mit || 'Padding'||
||und || dünnen || Linien||
(:markupend:)
Q: Wie erzeuge ich eine erweiterte Tabelle?
A: Siehe unter [[PmWiki.TableDirectives | Erweiterte Tabellen]]
Q: Meine Tabellen sind standardmäßig zentriert. Wenn ich versuche, '||align=left' zu benutzen, werden sie nicht links ausgerichtet wie erwartet.
A: Sie benutzen vermutlich Firefox. Benutzen Sie @@||style="margin-left:0px;"@@ stattdessen.
Q: Wie kann ich die Breite der Spalten angeben?
A: Sie können die Breite mit angepassten Stilen definieren, siehe Cookbook:FormattingTables und $TableCellAttrFmt. Fügen Sie in ''config.php'' ein:
-->[@$TableCellAttrFmt = 'class=col\$TableCellCount';@]
Und fügen sie in ''pub/css/local.css'' hinzu :
-->[@
table.column td.col1 { width: 120px; }
table.column td.col3 { width: 40px; }
@]
Q: Wie kann ich ein doppeltes 'Pipe'-Zeichen in einen Zelltext schreiben, wenn ich einfache Tabellen benutze?
A: Benutzen Sie [@||@] um '||' als ein spezielles Zeichen anzuzeigen. Alternativ dazu könnten Sie die 'Pipe'-Zeichen auch von der Interpretation durch PmWiki ausnehmen, wie das generell für derartige Konflikte möglich ist, schreiben Sie [@[=||=]@], um '[=||=]' anzuzeigen.
Q: Wie wendet man Stile auf Elemente einer Tabelle an wie eine ID für die Tabellenzeile, oder eine Klasse / einen Stil für TD?
A: siehe $WikiStyleApply.
[[#faqend]]
>><<
Tables
PmWikiDe.Tables History
Hide minor edits - Show changes to output
February 09, 2017, at 03:24 PM
by - pprwetor
Changed lines 1-202 from:
(:Summary: Einfache Tabellen erstellen:)
(:Original_Page: PmWiki.Tables:)
(:Translation_Date: 2011-05-14:)
(:Translation_Status: %green%fertig%%:)
(:Audience: Autoren (Grundlagen):)
!! Grundlagen zu Tabellen
Bei PmWiki gibt es zwei Arten von Formatierungsanweisungen für Tabellen. Die auf dieser Seite beschriebene Syntax ist nützlich, um einfache Tabellen mit vielen kleinen Zellen zu erzeugen. Die [[TableDirectives | zweite verfügbare Syntax]] ist für Tabellen mit komplexen Zellinhalten geeignet. Weitere Möglichkeiten, Tabellen zu formatieren, finden sich in den Kochbuch-Rezepten [[Cookbook:RowspanInSimpleTables]] und [[Cookbook:FormattingTables]] (nur auf Englisch verfügbar).
Tabellen werden mit Hilfe des doppelten 'pipe'-Zeichens @@||@@ definiert. ''(Auf deutschen Tastaturen befindet sich das 'pipe'-Zeichen in der Regel links unten auf der Taste mit den Zeichen '<' und '>'. Das 'pipe'-Zeichen lässt sich unter Windows oder Linux normalerweise durch gleichzeitiges Drücken der [=<AltGr>-Taste=] und der '<'-Taste erzeugen. Macintosh Nutzer verwenden Wahltaste+7.).'' Zeilen, die mit @@||@@ beginnen, zeigen den Beginn einer Tabellenzeile an. Das Auftreten von @@||@@ innerhalb einer Zeile markiert den Beginn einer neuen Tabellenzelle. Nachfolgende Tabelle enthält zur besseren Sichtbarkeit einen Rand (standardmäßig ist kein Rand sichtbar).
Die erste Zeile enthält Format-Kommandos für die Tabelle. Sie hat das doppelte 'Pipe'-Zeichen nur am Zeilenanfang.
(:markup caption='Einfache Tabelle' class=horiz:)
|| border=1
|| Zelle 1 || Zelle 2 || Zelle 3 ||
|| Zelle 1 || Zelle 2 || Zelle 3 ||
(:markupend:)
Kopfzellen können gebildet werden, indem man ! als erstes Zeichen einer Zelle eingibt. Dies sind ''Tabellenköpfe'', keine ''Überschriften'', so daß !! und !!! keine Wirkung haben!
(:markup caption='Tabellenköpfe' class=horiz:)
|| border=1
||! Zelle 1 ||! Zelle 2 ||! Zelle 3 ||
|| Zelle 1 || Zelle 2 || Zelle 3 ||
(:markupend:)
Tabellen können eine Beschriftung besitzen: [@||!Beschriftung!||@]. Jede Beschriftung muss vor den anderen Zeilen der Tabelle eingefügt werden.
(:markup caption='Tabellenbeschriftung' class=horiz:)
|| border=1
||! Eine besondere Tabelle !||
||! Zeile 1 ||! Zeile 2 ||! Zeile 3 ||
|| Zeile 1 || Zeile 2 || Zeile 3 ||
(:markupend:)
!! Formatierung von Zellinhalten
Zellinhalte dürfen links-, rechtsbündig oder zentriert sein.
* Um Inhalte nach links auszurichten, wird der Zelleninhalt ohne Leerzeichen direkt rechts neben das führende @@||@@ geschrieben.
* Um Inhalte zu zentrieren, wird jeweils ein Leerzeichen vor und nach dem Zelleninhalt gesetzt.
* Für die rechtsbündige Ausrichtung wird der Zelleninhalt ohne Leerzeichen direkt links neben das folgende @@||@@ gestellt, wobei vor dem Zelleninhalt ein Leerzeichen eingetippt wird.
(:markup caption='Ausrichtung der Zellen':)
|| border=1 width=100%
||!Zelle 1 ||! Zelle 2 ||! Zelle 3||
||linksbündig || zentriert || rechtsbündig||
(:markupend:)
(:markup caption='Standardausrichtung der Zellen':)
|| border=1 width=100%
||!Zelle standard||!Zelle links ||
||bündig nach Standard||linksbündig ||
(:markupend:)
Es sei bemerkt, daß die Kopfzellen und die Einzelzellen verschiedene Voreinstellungen haben.
Eine Zelle überspannt mehrere Spalten, wenn der Zelle weitere leere Zellen folgen. (Zur Zeit existiert keine Syntax für das Überspannen von Zeilen.)
(:markup caption='Überspannen von Spalten':)
|| border=1 width=100%
|| |||| rechte Spalte ||
|| || mittlere Spalte ||||
|| linke Spalte ||||||
|| linke Spalte || mittlere Spalte || rechte Spalte ||
(:markupend:)
!! Tabelleneigenschaften
Jede Zeile, welche mit [@||@] beginnt, aber nicht mit [@||@] endet, setzt die ''Tabelleneigenschaften'' für eine folgende Tabelle. Diese Eigenschaften können Größe, Position, Rahmen, Hintergrundfarbe und die Zellenabstände in der Tabelle bestimmen. (Tatsächlich handelt es sich hier nur um die in den <table> Ausdruck gesetzten Standard-HTML-Eigenschaften.)
Mit dem [@width=@]-Attribut (in Prozent als absoluter Wert oder als '''*''') wird die Tabellenweite festgelegt.
(:markup caption='Tabellenbreite':)
|| border=1 width=100%
|| Zeile 1 || Zeile 2 || Zeile 3 ||
|| z1 || zeilezeilezeilezeile2 || zeile 3 ||
(:markupend:)
Das [@border=@]-Attribut setzt die Größe der Tabellenränder.
(:markup caption='Tabelle mit Rahmen' class=horiz:)
|| border=10
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||
(:markupend:)
(:markup caption='Tabelle ohne Rahmen' class=horiz:)
|| border=0
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||=]
(:markupend:)
Mit [@align=center@], [@align=left@], and [@align=right@] wird die Tabelle links-, rechtsbündig oder zentriert ausgerichtet. [@align=left@] und [@align=right@] erzeugen eine ''fließende (floating) Tabelle'', so dass der Text um die Tabelle herumfließt.
(:markup caption='Tabellenausrichtung: zentriert' class=horiz:)
|| border=1 align=center width=70%
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||
Eine mit [@align=center@] ausgerichtete Tabelle wird nicht vom Text umflossen.
(:markupend:)
(:markup caption='Tabellenausrichtung: linksbündig' class=horiz:)
|| border=1 align=left width=70%
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||
Der Text fließt rechts um die links ausgerichtete Tabelle.
(:markupend:)
(:markup caption='Tabellenausrichtung: rechtsbündig' class=horiz:)
|| border=1 align=right width=70%
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||
Der Text fließt links um die rechts ausgerichtete Tabelle.
(:markupend:)
Zu beachten ist, dass man CSS benötigt, um eine Tabelle zwar linksbündig auszurichten, aber als nicht-fließendes Element festzulegen.
->[@||style="margin-left:0px;"@]
Das [@bgcolor=@]-Attribute legt die Hintergrundfarbe fest. Im Moment können keine individuellen Farben für Zeilen oder Spalten in einer Tabelle festgelegt werden (siehe aber auch das Kochbuch-Rezept [[Cookbook:FormattingSimpleTables]] (nur auf Englisch verfügbar)).
(:markup class=horiz:)
|| border=1 align=center bgcolor=yellow
||!Zeile 1 ||! Zeile 2 ||! Zeile 3||
||linksbündig || zentriert || rechtsbündig||
(:markupend:)
!!Weitere Beispiele
(:markup caption='Eine komplexere Tabelle':)
%define=sp padding-right:1em font-weight:bold%
|| border=1
|| [++Events Calendar++] ||||||||||
|| '''May 2005''' || '''June 2005''' || '''July 2005''' || '''August 2005''' || '''September 2005''' ||
||%sp%'''10'''%%6:30 - 8:30 Big Meeting[[<<]][[<<]]%sp%'''17'''%%7:00 - 8:30 Bigger Meeting[[<<]][[<<]]%sp%'''24'''%%7:00 - 8:30 Biggest Meeting|| || || || ||
|| '''October 2005''' || '''November 2005''' || '''December 2005''' || '''January 2006''' || '''February 2006''' ||
|| || || || || ||
(:markupend:)
%trail% <<|[[DocumentationIndex|Dokumentationsindex]]|>>
>>faq<< [[#faq]]
Q: Wie erzeuge ich eine einfache Tabelle?
A: Tabellen werden unter Verwendung des doppelten 'Pipe'-Zeichens '@@||@@' erzeugt. Zeilen, die mit diesem Symbol beginnen, zeigen eine Tabellenzeile an; inerhalb socher Zeilen wird das doppelte 'Pipe'-Zeichen benutzt, um Tabellenzellen zu begrenzen. In dem Beispiel hierunter sind Rahmen hinzugefügt zur Illustration (der Standard ist kein Rahmen).
(:markup caption='Basic table' class=horiz:)
|| border=1 rules=rows frame=hsides
|| cell 1 || cell 2 || cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
(:markupend:)
Q: Wie erzeuge ich Spaltenköpfe?
A: Spaltenköpfe können erzeugt werden, indem man ein Aussrufezeichen an die erste Stelle einer Zelle setzt. Anmerkung: Dies sind Spaltenköpfe, keine Überschriften, '!!' oder '!!!' funktionieren nicht.
(:markup caption='Table headers' class=horiz:)
|| border=1 rules=cols frame=vsides
||! cell 1 ||! cell 2 ||! cell 3 ||
|| cell 1 || cell 2 || cell 3 ||
(:markupend:)
Q: Wie erhalte ich eine Tabelle mit dünnen Linien und mehr Abstand zum Inhalt?
A: "Dünne Linien" ist trickreich und browserabhängig, aber das Folgende funktioniert für Firefox und IE (Nov. 2009):
(:markup:)
||border="1" cellpadding="10" style="border-collapse:collapse" width=66%
||!Spalte1 ||! Spalte2 ||! Spalte3||
||Zellen || mit || 'Padding'||
||und || dünnen || Linien||
(:markupend:)
Q: Wie erzeuge ich eine erweiterte Tabelle?
A: Siehe unter [[PmWiki.TableDirectives | Erweiterte Tabellen]]
Q: Meine Tabellen sind standardmäßig zentriert. Wenn ich versuche, '||align=left' zu benutzen, werden sie nicht links ausgerichtet wie erwartet.
A: Sie benutzen vermutlich Firefox. Benutzen Sie @@||style="margin-left:0px;"@@ stattdessen.
Q: Wie kann ich die Breite der Spalten angeben?
A: Sie können die Breite mit angepassten Stilen definieren, siehe Cookbook:FormattingTables und $TableCellAttrFmt. Fügen Sie in ''config.php'' ein:
-->[@$TableCellAttrFmt = 'class=col\$TableCellCount';@]
Und fügen sie in ''pub/css/local.css'' hinzu :
-->[@
table.column td.col1 { width: 120px; }
table.column td.col3 { width: 40px; }
@]
Q: Wie kann ich ein doppeltes 'Pipe'-Zeichen in einen Zelltext schreiben, wenn ich einfache Tabellen benutze?
A: Benutzen Sie [@||@] um '||' als ein spezielles Zeichen anzuzeigen. Alternativ dazu könnten Sie die 'Pipe'-Zeichen auch von der Interpretation durch PmWiki ausnehmen, wie das generell für derartige Konflikte möglich ist, schreiben Sie [@[=||=]@], um '[=||=]' anzuzeigen.
Q: Wie wendet man Stile auf Elemente einer Tabelle an wie eine ID für die Tabellenzeile, oder eine Klasse / einen Stil für TD?
A: siehe $WikiStyleApply.
[[#faqend]]
>><<
to:
Qualifying for things you worked hard http://c4generic.com/ , online cialis online to see when absolutely necessary.