Andi-Testseite: Unterschied zwischen den Versionen

VisuellWikitext
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(83 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
Dummy für Customization Beschreibung


'''Anker''' sind weit unten ..... 
{| class="wikitable"
[[#SchemaRBDX|Anker1]] funktioniert
|+ <span id="schemaAustriaSpecification" /> '''Schemaspezifikation'''  
[[#SchemaRBDY|Anker2 in Tabelle ]] funktioniert NICHT laut doku  [https://de.wikipedia.org/wiki/Hilfe:Tabellen#Anker_in_Tabellen Anker in Tabellen] sollte er aber. Oder?
! Namensgebung!!Eigenschaften!!Verweise
|-id="SchemaAustriaSpecification::OvertimeCustom"
| style="vertical-align:top;text-align:left;" |
<span id="SchemaAustriaLabelShort" /> '''OvertimeCustom''' <br/>
<span id="Label" /> '''Overtime Custom specific''' <br/>


Hier ein Beispiel, wo diese Sprungziele innerhalb einer Tabelle stehen könnten;<br />
| style="vertical-align:top;text-align:left;" |
springe zu [[#ganz_oben]], [[#Ü-id]], [[#K-id]], [[#Sprungziel1]], [[#Sprungziel2]], [[#Sprungziel3]], [[#Sprungziel4]]:
<span id="SchemaAustriaSpecificationTargetTimeFactor" /> '''Faktor für Sollberechnung (Rahmenplan)''' =<u>0.5</u> , <span id="SchemaAustriaSpecificationRelevance" /> '''Relevanz''' =''30''
| style="vertical-align:top;text-align:left;" |
|}


{| class="wikitable"
|+ <span id="PlanSymbol" /> '''Planungscode'''
! Namensgebung!!Eigenschaften!!Verweise
|-id="PlanSymbol::FOS"
| style="vertical-align:top;text-align:left;" |
<span id="PlanSymbolCode" /> '''FOS''' <br/>
<span id="Label" /> '''fuoriorario speciale''' <br/>


{{Hilfe}}
| style="vertical-align:top;text-align:left;" |
Diese Seite beschreibt die Verwendung von '''Tabellen''' in Wikipedia-Seiten und richtet sich speziell an ''Newcomer''. Solltest du Probleme beim Erstellen einer Tabelle haben, wird dir auf [[Wikipedia:Fragen zur Wikipedia]] von den Mitautoren gerne und in der Regel auch schnell geholfen.
<span id="PlanSymbolSlackHours" /> '''Fixe Ausfallstunden''' =<u>0</u> , <span id="PlanSymbolDefaultSchema" /> '''Abrechnungsschema''' =[[#SchemaAustriaSpecificationOvertimeCustom|Overtime Custom specific ]] , <span id="PlanSymbolColorText" /> '''Textfarbe''' =''255''  , <span id="PlanSymbolColorBackground" /> '''Hintergrundfarbe''' =''12632256''  , <span id="PlanSymbolClassification" /> '''Planungscodeklassifizierung''' =[[PlanSymbolClassificationSpecification::PlanSymbolClassificationAttendance|Anwesend ]] , <span id="PlanSymbolCodeExt" /> '''Plansymbol für Export''' =''""'' , <span id="ReadProtectedAccessKey" /> '''Leseberechtigung''' =[[AccessKey::Unprotected|Ungeschützt ]] , <span id="Order" /> '''Reihenfolge bei Anzeige''' =''0''
| style="vertical-align:top;text-align:left;" |
|}


Für ''Fortgeschrittene'' existieren die Seiten [[Hilfe:Tabellen für Fortgeschrittene]] und [[Hilfe:Tabellen/Sortierung]].
=== X_REF ===


== Einführung ==
{| class="wikitable"
=== Vorteil von Tabellen ===
|+ '''Planungscode'''  
Tabellen sind eine spezielle, strukturierte Form von Datenlisten. Im Gegensatz zu normalen Listen ermöglichen sie eine differenziertere, mehrdimensionale und übersichtlichere Darstellung mit vielen Informationen pro Eintrag und, falls gewünscht, auch eine Sortierbarkeit der einzelnen Spalten. Hierbei kann der Leser Daten [[Sortierung|numerisch]] nach Größe sortieren lassen, Begriffe können alphabetisch oder beides nach Rangordnung sortiert werden. Dadurch kann auch Mehrfachdarstellung ([[Redundanz (Kommunikationstheorie)|Redundanz]]) vermieden werden (z.&nbsp;B. Päpste alphabetisch, nach Alter, nach Amtszeit, nach Land). Alles Wissen kann übersichtlich in ''einer'' Tabelle verknüpft werden, wodurch sie in der Wikipedia einen Schritt in Richtung [[Semantic Web|Semantisches Web]] mit [[Semantisches Netz|semantischen Netzen]] bilden können; Wissen wird zunehmend auch maschinenlesbar und Informationen können automatisch miteinander verknüpft werden.
! Namensgebung!!Eigenschaften!!Verweise
 
|-id="PlanSymbol::U"
Tabellen sollte man jedoch aufgrund ihres relativ komplizierten Quelltextes und mit Rücksicht auf die Darstellung auf mobilen Geräten nur dann einsetzen, wenn die Informationsdarstellung dadurch wirksam übersichtlicher wird. Der Einsatz [[#Layout-Tabellen|als rein grafisches Gestaltungsmittel]] ist nicht erwünscht; man sollte deshalb immer überlegen, ob die Informationen nicht besser in einer einfachen Liste unterzubringen sind (siehe [[Hilfe:Textgestaltung]] und [[Hilfe:Listen]]).
| style="vertical-align:top;text-align:left;" |  
 
'''U''' <br/>
=== {{Anker|ohne}} Tabellen im Schreibmaschinenstil ohne Formatierungen ===
'''Urlaub''' <br/>
{{Siehe auch|Hilfe:Textgestaltung #Formatierung|Hilfe:VisualEditor/Vorformatiert}}
Die einfachste und schnellste Art, eine Tabelle zu erstellen, ist der Schreibmaschinenstil. Dazu wird jeder Tabellenzeile ein Leerzeichen vorangestellt. Spalten und Layout werden optisch im Quelltextbearbeitungsmodus angepasst. Dabei sollte bedacht werden, dass diese Formatierung die Breite der Druckversion nicht überschreiten soll (ca. 780&nbsp;px bei Normalschriftgröße) und auf kleineren Bildschirmen ärgerlich sein kann. Die Zeilen verhalten sich anders als eine richtige Tabelle, da sie bei Überschreitung der Fensterbreite unkontrolliert umbrechen und so unübersichtlich werden können. Die in diesem Beispiel gezeigte Tabelle wäre schon zu breit, wenn man das Browser-Fenster schmaler setzt. Auch in der mobilen Ansicht könnte sie zu breit sein und unleserlich werden.


Derartige Tabellen werden geduldet, wenn sie von jemand eingefügt werden, der keine besseren Formatierungsmöglichkeiten beherrscht; sie sollten aber im Lauf der Zeit von erfahrenen Wikipedianern in richtige Tabellen umgewandelt werden.
| style="vertical-align:top;text-align:left;" |
 
'''Fixe Ausfallstunden''' =''0'' , '''Textfarbe''' =''255'' , '''Hintergrundfarbe''' =''12632256'' , '''Planungscodeklassifizierung''' =[[PlanSymbolClassificationSpecification::PlanSymbolClassificationAttendance|Anwesend ]] , '''Plansymbol für Export''' =''""''  , '''Leseberechtigung''' =[[AccessKey::Unprotected|Ungeschützt ]] , '''Reihenfolge bei Anzeige''' =''0''  
'''Beispiel und Ergebnis:'''
| style="vertical-align:top;text-align:left;" |
 
Klimatabelle
Monat                    JAN FEB MÄR APR MAI JUN JUL AUG SEP OKT NOV DEZ
-------------------------------------------------------------------------
Ø Tagestemperatur in °C    21  21  22  23  24  25  27  29  28  26  24  22
Ø Nachttemperatur in °C    15  15  15  16  17  18  20  21  20  19  18  16
Ø Sonnenstunden pro Tag    6  6  7  8  9  9  9  9  8  7  6  5
Ø Regentage pro Monat      6  4  3  2  2  1  0   0  2  5  6  7
  Ø Wassertemperatur in °C  19  18  18  18  19  20  21  22  23  23  21  20
 
== {{Anker|Syntax}} Technische Grundlagen ==
In der MediaWiki-Syntax beginnt jede Tabelle mit einer [[Klammer (Zeichen)|geschweiften Klammer]] <code>'''{'''</code> gefolgt von einem [[Senkrechter Strich|senkrechten Strich]] <code>'''<nowiki>|</nowiki>'''</code> und endet mit einem Strich <code>'''<nowiki>|</nowiki>'''</code> gefolgt von einer geschweiften Klammer <code>'''}'''</code>.
 
Um die Zellen einer Tabelle zu formatieren, lassen sich sowohl für die Tabelle als Ganzes als auch für einzelne Zellen HTML-Attribute angeben. Insbesondere kann das <code>[[Hilfe:CSS#CSS-Notation|style]]</code>-Attribut verwendet werden, wodurch sich beliebige [[Cascading Style Sheets|CSS]]-Formatierungen realisieren lassen. Einzelne Zeilen einer Tabelle lassen sich ebenfalls formatieren, einzelne Spalten jedoch nicht, dies muss zellenweise geschehen.
{{Hauptseite|Hilfe:Tabellen/Wikisyntax#Elemente|titel1=Hilfe:Tabellen/Wikisyntax}}
 
=== {{Anker|einfach}} Einfache Tabellen ===
Ohne jegliche Zuweisung ([[#CSS.class|Klassen]], Styles oder Tabellenattribute) ist eine Tabelle zunächst transparent, lediglich die Formatierung unter- oder nebeneinander liegender Inhalte wird umgesetzt.
 
'''Quelltext:'''
<div style="float:left; margin-right:2em;">
Zeilen
<pre style="white-space: pre nowrap">
{|
|-
| Zelle 1
|-
| Zelle 2
|-
| Zelle 3
|}
|}
</pre>
</div><div style="float:left; margin-right:2em;">
Spalten
<pre style="white-space: pre nowrap">
{|
|-
| Zelle 1
| Zelle 2
| Zelle 3
|}
</pre>
</div><div style="float:left; margin-right:2em;">
Zeilen und Spalten
<pre style="white-space: pre nowrap">
{|
|-
| Zelle 1/1
| Zelle 2/1
|-
| Zelle 1/2
| Zelle 2/2
|}
</pre>
</div><div style="float:left;">
Spalten alternativ
<pre style="white-space: pre nowrap">
{|
|-
| Zelle 1 || Zelle 2 || Zelle 3
|}
</pre>
</div>
<div style="clear:left;"></div>


[[Hilfe:Tabellen/Beispiele#einfach|'''Weitere Beispiele''']]


[[Datei:OOjs UI icon eye-progressive.svg|16px|alt=|visueller Editor|verweis=]] [[/VisualEditor/]]
{| class="wikitable"
* Über {{Hilfe/mark|Eigenschaften|hellblau|Weitere Optionen öffnen|box=1}} das Menü „Tabelleneigenschaften“ öffnen.
|+ '''Schemaspezifikationen'''
* Dort „{{int:visualeditor-dialog-table-wikitable}}“ → {{Hilfe/switchbutton|}} ausgeschaltet.
! Namensgebung!!Eigenschaften!!Verweise
 
|-id="SchemaBDX"
=== Tabellenüberschrift ===
| style="vertical-align:top;text-align:left;" |
Es ist möglich eine [[Hilfe:Tabellen für Fortgeschrittene#Gesamt-Überschrift|Gesamt-Überschrift]] über der Tabelle anzugeben.
'''BDX''' <br/>
* Die Beschriftung wird zentriert dargestellt (bei <code>wikitable</code> auch fett).
'''Rufbereitschaft1''' <br/>
* Sie wird umbrochen, wenn sie breiter als die Tabelle mit automatischem Zeilenumbruch ist. Zu lange Wörter ragen eventuell sogar über eine schmale Tabelle hinaus
* Der Überschrift können eigene Attribute (Klassen- oder Stylezuweisungen) mitgegeben werden.
* Sie dient der [[Hilfe:Textgestaltung/Barrierefreiheit|Barrierefreiheit]]. Anders als nur optisch hervorgehobene Elemente wird sie beim [[Screenreader|Vorlesen]] der Tabelle zugeordnet, und es kann dann entschieden werden, ob diese Tabelle übersprungen werden oder vorgelesen werden soll.
* Im Layout der Gesamtseite werden Tabellenüberschriften (anders als [[Hilfe:Überschrift|Abschnittsüberschriften]]) bei Platzproblemen nicht von der nachfolgenden Tabelle getrennt.
'''Quelltext:'''
<pre style="white-space: pre nowrap">
|+ Tabellenüberschrift
</pre>
 
[[Datei:OOjs UI icon eye-progressive.svg|16px|alt=|visueller Editor|verweis=]] [[/VisualEditor/]]
* Über {{Hilfe/mark|Eigenschaften|hellblau|Weitere Optionen öffnen|box=1}} das Menü „Tabelleneigenschaften“ öffnen.
* Dort „{{int:visualeditor-dialog-table-caption}}“ → {{Hilfe/switchbutton|on|}} eingeschaltet.
 
=== {{Anker|headline|Kopfzelle|Kopfzeile}} Kopfzellen und Kopfzeilen ===
Für eine ''Kopfzelle'' wird der senkrechte Strich durch ein Ausrufezeichen <code>'''!'''</code> ersetzt. Text in einer solchen Zeile wird zentriert und '''fett''' dargestellt.
 
Als erste Zeile einer Datentabelle ist eine ''Kopfzeile'' aus Kopfzellen üblich.
 
Kopfzellen unterscheiden sich nicht nur optisch; sie werden auch von Software als Überschriften für die Spalte (bzw. auch Zeile) erkannt und ausgewertet.
 
'''Quelltext:'''
<pre style="white-space: pre nowrap">
|-
! Name !! Regierungszeit !! Abstammung
</pre>
[[Hilfe:Tabellen/Beispiele#headline|'''Beispiele''']]


[[Datei:OOjs UI icon eyeClosed.svg|16px|alt=|visueller Editor|verweis=]] – nicht verfügbar, die Zelleninhalte können bearbeitet, ihre Eigenschaften jedoch nicht visuell geändert werden.
| style="vertical-align:top;text-align:left;" |
'''Schematyp''' =[[SchemaAustriaType#1|4) Arbeitszeit durch Ueberstunden ausgezahlt %]] , '''Ausfallberechnung''' =[[SchemaSlackType#0|n/a]] , '''Fehlermarkierung sperren''' =''Ja''  , '''Relevanz''' =''2''
----
'''Subscripted1'''
''':''' ''0'' =''"ANDI007"'' , ''1'' =''"text 1"''
----
'''Subscripted2'''
:[[SchemaAustriaType#1|4) Arbeitszeit durch Ueberstunden ausgezahlt %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"asdfgh1"''  , '''efg''' =''Ja''  , '''hij''' =''2''
:[[SchemaAustriaType#2|3) Arbeitszeit durch Ueberstunden gutgeschrieben %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"hshshssh"''  , '''efg''' =''Nein''  , '''hij''' =''30''
----
'''Subscripted3'''
''':''' ''3'' =''"text 3"'' , ''4'' =''"text4"''
----
'''Subscripted31'''
''':''' ''5'' =''"text 5"'' , ''1'' =''"text 6"''
----
'''Subscripted4'''
:[[SchemaAustriaType#1|4) Arbeitszeit durch Ueberstunden ausgezahlt %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"asdfgh1"''  , '''efg''' =''Ja''  , '''hij''' =''2''
:[[SchemaAustriaType#2|3) Arbeitszeit durch Ueberstunden gutgeschrieben %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"hshshssh"''  , '''efg''' =''Nein''  , '''hij''' =''30''
----
'''Subscripted41'''
:[[SchemaAustriaType#1|4) Arbeitszeit durch Ueberstunden ausgezahlt %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"asdfgh1"''  , '''efg''' =''Ja''  , '''hij''' =''2''
:[[SchemaAustriaType#2|3) Arbeitszeit durch Ueberstunden gutgeschrieben %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"hshshssh"''  , '''efg''' =''Nein''  , '''hij''' =''30''


=== {{Anker|Anker in Tabellen}}Linkziele oder Anker in Tabellen ===<!-- in Vorlageneinbindung Titel ehemaliger Abschnittsdopplung -->
[[Anker (HTML)|Anker]] (Sprungziele) sollten in Tabellen, soweit möglich, direkt über Angabe von <code>[[Hilfe:Tags#id|id="…"]]</code> eintragen werden.


Folgender Quelltext ist optimal:
<pre style="white-space: pre nowrap">
|- id="meinSprungziel"
| Inhalt || Inhalt || Inhalt
</pre>
Damit wird die gesamte Tabellenzeile als Ziel angesprochen und zusammen mit der oberen Rahmenlinie im Browser dargestellt. <code>id="…"</code> definiert in beliebigen Elementen ein Fragment. Es ist nicht möglich, mehrere ID hinter einem Trenner zu platzieren; wenn nötig, kann man aber jeder Tabellenzelle eine weitere ID zuordnen.


Weniger günstig wäre es, ein Linkziel mit der [[Vorlage:Anker]] zu definieren, indem Textinhalt markiert wird. Dann wird auch exakt bis auf diese Buchstaben positioniert. Ist diese Textzeile nicht oben bündig ausgerichtet, kann es leicht sein, dass von ihren Nachbarzellen die oberen Zeilen nicht im Sichtbereich erscheinen, weil dieser am tiefer liegenden Anker ausgerichtet wurde. In jedem Fall müsste die Rahmenlinie außerhalb des sichtbaren Bereichs liegen und den Lesern fällt die Orientierung schwerer.
| style="vertical-align:top;text-align:left;" |
[[Andi-Testseite-Checkliste#RBD_Pflege|Rufbereitschaft Pflege]]<br/>
|-id="SchemaBDY"
| style="vertical-align:top;text-align:left;" |
'''BDY''' <br/>
'''Rufbereitschaft2''' <br/>


Hier ein Beispiel, wo diese Sprungziele innerhalb einer Tabelle stehen könnten;<br />
| style="vertical-align:top;text-align:left;" |
springe zu [[#ganz_oben]], [[#Ü-id]], [[#K-id]], [[#Sprungziel1]], [[#Sprungziel2]], [[#Sprungziel3]], [[#Sprungziel4]]:
'''Schematyp''' =[[SchemaAustriaType#5|9) Arbeitszeit durch Ueberstunden gutgeschrieben %]] , '''Ausfallberechnung''' =[[SchemaSlackType#0|n/a]] , '''Fehlermarkierung sperren''' =''Ja''  , '''Relevanz''' =''3''
<div style="float:left; margin-right:4em;">
| style="vertical-align:top;text-align:left;" |
{| class="wikitable" id="ganz_oben"
[[Andi-Testseite-Checkliste#RBD_Aerzte|Rufbereitschaft Aerzte]]<br/>
|+ id="Ü-id" | Überschrift (Ü-id)
|- id="K-id"
! colspan="3" | Kopfzelle (K-id)
|- id="Sprungziel1"
| Zeile 1 || Sprungziel 1<br /> (mit ID<br /> in Zeile) || Inhalt<br /> mit<br /> Umbruch
|-
| Zeile 2 || id="Sprungziel2" | Sprungziel 2<br /> (mit ID<br /> in Zelle) || Inhalt<br /> mit<br /> Umbruch
|- {{Anker|Sprungziel3}}
| Zeile 3 || Sprungziel 3<br /> (mit Anker-<br />Vorlage<br /> in Zeile) || Inhalt<br /> mit<br /> Umbruch
|-
| Zeile 4 || {{Anker|Sprungziel4}} Sprungziel 4<br /> (mit Anker-<br />Vorlage<br /> in Zelle) || Inhalt mit<br /> Umbruch,<br /> man landet <br /> mittendrin<br /> (abhängig von <br /> Zellenhöhe)<br /> "Sprungziel4"
|}
|}
</div><div style="float:left;">
'''Quelltext''' dieser Tabelle:
<pre style="white-space: pre nowrap">
{| class="wikitable" id="ganz_oben"
|+ id="Ü-id" | Überschrift (Ü-id)
|- id="K-id"
! colspan="3" | Kopfzelle (K-id)
|- id="Sprungziel1"
| Zeile 1 || Sprungziel 1<br /> (mit ID<br /> in Zeile) || Inhalt<br /> mit<br /> Umbruch
|-
| Zeile 2 || id="Sprungziel2" | Sprungziel 2<br /> (mit ID<br /> in Zelle) || Inhalt<br /> mit<br /> Umbruch
|- {{Anker|Sprungziel3}}
| Zeile 3 || Sprungziel 3<br /> (mit Anker-<br />Vorlage<br /> in Zeile) || Inhalt<br /> mit<br /> Umbruch
|-
| Zeile 4 || {{Anker|Sprungziel4}} Sprungziel 4<br /> (mit Anker-<br />Vorlage<br /> in Zelle) || Inhalt mit<br /> Umbruch,<br /> man landet <br /> mittendrin<br /> (abhängig von <br /> Zellenhöhe)<br /> "Sprungziel4"
|}
</pre>
</div>
<div style="clear:left;"></div>


Zu beachten ist, dass innerhalb einer ID kein Leerzeichen vorkommen darf, stattdessen ist der [[Unterstrich]] zu benutzen (die Vorlage führt diese Ersetzung automatisch durch). In Wikisyntax kann das Sprungziel trotzdem mit Leerzeichen angegeben werden: [[#ganz oben]] (Quelltext: <code><nowiki>[[#ganz oben]]</nowiki></code>).


== {{Anker|CSS.class}} CSS-Klassen für Tabellen ==
{{Siehe auch|Hilfe:Tabellen/Beispiele#CSS.class|titel1=Beispiele zu den unterschiedlichen Klassen}}
Um Tabellen sowohl in ihren Inhalten als auch bereits im Kopfbereich weitgehend frei von Elementen zu halten, die die Darstellungsweise betreffen, wurden für das global wirksame CSS einige Klassen entwickelt, die es erlauben, wichtige Stile mit wenigen anschaulichen Anweisungen festzulegen. Die [[#einfach|einfache Tabelle]] ohne Zuweisungen ist rahmenlos und hat einen transparenten Hintergrund.


Mehrere Namen von Klassen können in einer durch Leerzeichen voneinander getrennten Aufzählung im Attribut <code>class=</code> genannt werden. Klassen können einer ganzen Tabelle oder einer ganzen Zeile oder einer einzelnen Zelle zugewiesen werden, um eine bestimmte Gestaltung oder Eigenschaft zu bewirken.


Oben wurden bereits Klassen für die [[#Ausrichtung|Ausrichtung der Tabelle]] genannt. Speziell an ganze Tabellen sind die in den nachstehenden Abschnitten beschriebenen Klassen adressiert.
=== END GENERATED ===
 
=== {{Anker|prettytable}} wikitable ===
{{Hauptseite|Hilfe:Tabellen/wikitable}}
 
'''Quelltext:'''
<pre style="white-space: pre nowrap">
{| class="wikitable"
{| class="wikitable"
</pre>
|+ '''Schemaspezifikationen'''
* Die Tabellenüberschrift ist zentriert und in '''Fettschrift''' formatiert
! Namensgebung!!Eigenschaften!!Verweise
* Die Tabelle erhält einen Rahmen um jede einzelne Zelle
|-id="SchemaBDX"
* Die Inhaltszellen sind <span class="hintergrundfarbe1" style="padding:5px;">hellgrau</span> hinterlegt (entsprechend <code>"hintergrundfarbe1"</code>)
| style="vertical-align:top;text-align:left;" |
* Die Kopfzellen sind zentriert, in '''Fettschrift''' formatiert und <span class="hintergrundfarbe5" style="padding:5px;">mittelgrau</span> hinterlegt (entsprechend <code>"hintergrundfarbe5"</code>)
'''BDX''' <br/>
* Alle Zelleninhalte haben einen Mindestabstand zum umgebenden Rahmen
'''Rufbereitschaft1''' <br/>
* Die komplette Tabelle hat einen definierten Abstand nach oben und unten
| style="vertical-align:top;text-align:left;" |
* Es ist nur die Nutzung der Wiki-CSS-Klassen, beispielsweise <code>class="hintergrundfarbe2"</code> erlaubt
'''Schematyp''' =[[SchemaAustriaType#1|4) Arbeitszeit durch Ueberstunden ausgezahlt %]] , '''Ausfallberechnung''' =[[SchemaSlackType#0|n/a]] , '''Fehlermarkierung sperren''' =''Ja''  , '''Relevanz''' =''2''
'''[[Hilfe:Tabellen/Beispiele#wikitable|Beispieldarstellung]]'''
----
'''Subscripted1'''
''':''' ''0'' =''"ANDI007"'' , ''1'' =''"text 1"''
----
'''Subscripted2'''
:[[SchemaAustriaType#1|4) Arbeitszeit durch Ueberstunden ausgezahlt %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"asdfgh1"''  , '''efg''' =''Ja''  , '''hij''' =''2''
:[[SchemaAustriaType#2|3) Arbeitszeit durch Ueberstunden gutgeschrieben %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"hshshssh"''  , '''efg''' =''Nein''  , '''hij''' =''30''
----
'''Subscripted3'''
''':''' ''3'' =''"text 3"'' , ''4'' =''"text4"''
----
'''Subscripted31'''
''':''' ''5'' =''"text 5"'' , ''1'' =''"text 6"''
----
'''Subscripted4'''
:[[SchemaAustriaType#1|4) Arbeitszeit durch Ueberstunden ausgezahlt %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"asdfgh1"''  , '''efg''' =''Ja''  , '''hij''' =''2''
:[[SchemaAustriaType#2|3) Arbeitszeit durch Ueberstunden gutgeschrieben %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"hshshssh"''  , '''efg''' =''Nein''  , '''hij''' =''30''
----
'''Subscripted41'''
:[[SchemaAustriaType#1|4) Arbeitszeit durch Ueberstunden ausgezahlt %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"asdfgh1"''  , '''efg''' =''Ja''  , '''hij''' =''2''
:[[SchemaAustriaType#2|3) Arbeitszeit durch Ueberstunden gutgeschrieben %]]
::'''abc''' =[[SchemaSlackType#0|n/a]] , '''cdf''' =''"hshshssh"''  , '''efg''' =''Nein''  , '''hij''' =''30''


[[Datei:OOjs UI icon eye-progressive.svg|16px|alt=|visueller Editor|verweis=]] [[/VisualEditor/]]
* Über {{Hilfe/mark|Eigenschaften|hellblau|Weitere Optionen öffnen|box=1}} das Menü „Tabelleneigenschaften“ öffnen.
* Dort „{{int:visualeditor-dialog-table-wikitable}}“ → {{Hilfe/switchbutton|on}} eingeschaltet.


Um die [[Kohärenz (Linguistik)|Kohärenz]] der Stilmittel zwischen den verschiedenen Wikipedias zu fördern, soll die Klasse <code>prettytable</code> nicht mehr verwendet werden.
| style="vertical-align:top;text-align:left;" |
[[Andi-Testseite-Checkliste#RBD_Pflege|Rufbereitschaft Pflege]]<br/>
|-id="SchemaBDY"
| style="vertical-align:top;text-align:left;" |
'''BDY''' <br/>
'''Rufbereitschaft2''' <br/>
| style="vertical-align:top;text-align:left;" |
'''Schematyp''' =[[SchemaAustriaType#5|9) Arbeitszeit durch Ueberstunden gutgeschrieben %]] , '''Ausfallberechnung''' =[[SchemaSlackType#0|n/a]] , '''Fehlermarkierung sperren''' =''Ja''  , '''Relevanz''' =''3''
| style="vertical-align:top;text-align:left;" |
[[Andi-Testseite-Checkliste#RBD_Aerzte|Rufbereitschaft Aerzte]]<br/>
|}


=== zebra ===
{{Hilfe/mobil|mitText=0}} Für [[Mobilgerät]]e steht diese Funktionalität (Stand Mai 2020) nicht zur Verfügung.<br />
[[Datei:OOjs UI icon eyeClosed.svg|16px|alt=|visueller Editor|verweis=]] – nicht veränderbar<ref>Derzeit (Mai 2020) kann diese Klasse nicht bei der Bearbeitung mit dem [[H:VisualEditor|VisualEditor]] beeinflusst werden. Soll die Zebrafärbung aufgehoben oder verändert werden, so muss dies im [[Hilfe:VisualEditor/Wikitext|Wikitextmodus]] geschehen.</ref>


{{Info}} <code>class="zebra"</code> ist eine spezielle Eigenschaft der Tabelle <code>class="wikitable"</code>, sie ist nur gemeinsam mit dieser Klasse wirksam.


'''Quelltext:'''
<pre style="white-space: pre nowrap">
{| class="wikitable zebra"
</pre>
* Die Zeilen einer Tabelle werden abwechselnd in reinem Weiß (<code>#FFFFFF</code>) hervorgehoben (diese Farbe ist so festgelegt und wirkt sich nur auf Inhaltszellen aus)
* Die Hintergrundfarbe der anderen Zellen behält das Hellgrau der wikitable-Vorgabe. Dieser Effekt kann sich durch eine zusätzlich für die gesamte Tabelle definierte Hintergrundfarbe oder eine entsprechende Style-Zuweisung verstärken.
* Die Wechselfärbung kann bei [[#span|verbundenen Zeilen]] unerwünschte Effekte hervorrufen; [[Hilfe:Tabellen/Beispiele#zebra|Beispiel]].
* Das [[Hilfe:Tabellen/Beispiele#Dekoration|Einfärben]] einzelner Zellen ist weiterhin möglich
* Eine Kombination mit der [[#sortable|Sortierfunkton]] ist möglich, die abwechselnde Farbgebung wird nicht mitsortiert


=== tabelle-zeile-aktiv ===
<span id="mw-datatable"></span>
[[Datei:OOjs UI icon eyeClosed.svg|16px|alt=|visueller Editor|verweis=]] – nicht veränderbar


{{Info}} <code>class="tabelle-zeile-aktiv"</code> ist eine spezielle Eigenschaft der Tabelle <code>class="wikitable"</code>, sie ist nur gemeinsam mit dieser Klasse wirksam. Damit die erforderlichen Stildefinitionen bereitstehen, muss die Vorlage {{Vorlage|Tabellenstile}} auf der Seite eingebunden sein.


'''Quelltext:'''
<pre style="white-space: pre nowrap">
{{Tabellenstile}}
{| class="wikitable tabelle-zeile-aktiv"
</pre>
* Die Farbe der Inhaltszellen wechselt für die gesamte Zeile zu <span style="background:#EAF3FF; padding:5px;">hellblau</span>, wenn man mit dem Mauszeiger über eine Zelle fährt („aktive“ Zelle bzw. Zeile)
* Die Lesbarkeit einer Tabelle mit vielen Daten kann dadurch eventuell verbessert werden
Nachteil:
* Die Wirkung kann bei [[#span|verbundenen Zellen]] unerwünschte Effekte hervorrufen; [[Hilfe:Tabellen/Beispiele#tabelle-zeile-aktiv|Beispiel]].
* Die Inhaltszellen sollten nicht individuell [[Hilfe:Tabellen/Beispiele#Einschränkungen|eingefärbt]] werden, da der Effekt der blauen Hinterlegung beim Überfahren mit dem Mauszeiger verlorengeht


Die bis März 2022 für den Hervorhebungseffekt zu verwendende Klasse <code>mw-datatable</code> nutzte Stildefinitionen direkt aus dem Anwendungspaket von MediaWiki, was Mitte 2021 unterbunden wurde. <code>mw-datatable</code> war nicht auf Mobilgeräten verfügbar und sorgte darüber hinaus auch für eine abweichende Formatierung der Tabelle (Rahmen, Hintergrundfarben), die zwecks Vereinheitlichung der Tabellenstile nicht in die neue Klasse <code>tabelle-zeile-aktiv</code> übernommen wurde.


=== tabelle-kopf-fixiert ===
=== NEXT ===
[[Datei:OOjs UI icon eyeClosed.svg|16px|alt=|visueller Editor|verweis=]] – nicht veränderbar


{{Info}} <code>class="tabelle-kopf-fixiert"</code> ist eine spezielle Eigenschaft der Tabelle <code>class="wikitable"</code>, sie ist nur gemeinsam mit dieser Klasse wirksam. Damit die erforderlichen Stildefinitionen bereitstehen, muss die Vorlage {{Vorlage|Tabellenstile}} auf der Seite eingebunden sein.


'''Quelltext:'''
{| class="wikitable"
<pre style="white-space: pre nowrap">
|+Schemaspezifikationen
{{Tabellenstile}}
!Namensgebung!!Eigenschaften!!Verweise
{| class="wikitable tabelle-kopf-fixiert"
|- id="SchemaBDX"
</pre>
| style="vertical-align:top;text-align:left;" |
Bei langen Tabellen kann der Tabellenkopf beim Scrollen am oberen Bildschirmrand fixiert werden, sodass er immer sichtbar bleibt. Dies funktioniert auch, wenn in der gleichen Tabelle mehrere Kopfzeilen vorhanden sind, jedoch wird immer nur die später definierte Kopfzeile angezeigt.
'''BDX'''<br />
'''Rufbereitschaft1'''<br />
| style="vertical-align:top;text-align:left;"|'''Schematyp'''=[[SchemaAustriaType#1|4) Arbeitszeit durch Überstunden ausgezahlt %]]<br />
'''Ausfallberechnung'''=''0''<br />
'''Fehlermarkierung sperren'''=''JA''<br />
'''Relevanz'''=''2''<br />
| style="vertical-align:top;text-align:left;"|[[Andi-Testseite-Checkliste#RBD_Pflege|Rufbereitschaft Pflege]]<br />
|- id="SchemaBDY"
|
'''BDY'''<br />
'''Rufbereitschaft2'''<br />
||'''Schematyp'''=[[SchemaAustriaType#5|9) Arbeitszeit durch Überstunden gutgeschrieben %]],
'''Ausfallberechnung'''=''n/a'',
'''Fehlermarkierung sperren'''=''JA'',
'''Relevanz'''=''3''
||[[Andi-Testseite-Checkliste#RBD_Aerzte|Rufbereitschaft Aerzte]]<br />
|}


=== {{Anker|sortierbar|sortable|Sortierbare Tabelle|Sortierbarkeit}} Sortierbarkeit ''(sortable)'' ===
{{Hilfe/mobil|mitText=0}} Für [[Mobilgerät]]e stand diese Funktionalität viele Jahre nicht zur Verfügung; ist dort erst seit Juli 2022 wirksam.
{{Hauptseite|Hilfe:Tabellen/Sortierung|titel1=ausführliche Beschreibung der Sortierfunktion|Hilfe:Tabellen/Beispiele#Sortierung Beispiele|titel2=Beispiele}}


'''Quelltext:'''
{{Anker|Sprungiel4711}}
<pre style="white-space: pre nowrap">
{| class="sortable"
</pre>
besser
<pre style="white-space: pre nowrap">
{| class="wikitable sortable"
</pre>


* Um diese Funktion nutzen zu können, muss [[JavaScript]] für die Wikipedia aktiviert sein (bei dir ist JavaScript momentan <span class="noscript">'''nicht'''</span> aktiviert).
{| class="wikitable"
* Die Sortierung funktioniert nur, wenn [[#headline|Kopfzellen]] (Spaltenüberschriften) vorhanden sind.
|+Schemaspezifikationen
* Die Klasse <code>sortable</code> erlaubt die Sortierung der Tabelle nach wählbaren Spalten. Jeweils rechts in den zugehörigen Kopfzellen erscheinen Pfeilsymbole.
!Namensgebung!!Eigenschaften!!Verweise
* Leere Zellen können durch einen einfachen Abstand erzeugt werden; sie werden beim Sortieren an den Anfang gestellt, solche mit <code>&amp;nbsp;</code> an das Ende.
|-
* Durch Klick auf das entsprechende Symbol im Spaltenkopf werden die Inhalte auf- oder absteigend sortiert
|'''BDX'''<br>'''Rufbereitschaft1'''||
* Die Ausgangsdarstellung kann durch Neuladen der Seite wieder hergestellt werden.
'''Schematyp'''=''2) Nachtdienst ''(3)''<br />''
* Einzelne Spalten können durch die Angabe von <code>class="unsortable"</code> in der zugehörigen Kopfzeile davon ausgenommen werden, sie haben dann keine Sortiersymbole.
''''Ausfallberechnung'''=''0''
* Einzelne Zeilen (sowohl Inhalte als auch Kopfzeilen als Zwischenüberschriften) können durch die Angabe von <code>class="sortbottom"</code> hinter dem zur Zeile gehörenden [[#Trenner|Zeilentrenner]] von der Sortierung ausgenommen werden (<code>&#124;- class="sortbottom"</code>); sie werden dann an das Ende der Tabelle gesetzt.
'''Fehlermarkierung sperren'''=''JA''<br />
'''Relevanz'''=''2''
||[[Andi-Testseite-Checkliste#RBD_Pflege]]
|-
|'''BDY'''<br>'''Rufbereitschaft2'''||
'''Schematyp'''='' 2) Nachtdienst''<br />
'''Ausfallberechnung'''=''n/a''<br />
'''Fehlermarkierung sperren'''=''JA''<br />
'''Relevanz'''=''3''
||[[Andi-Testseite-Checkliste#RBD_Ärzte]]
|}


[[Datei:OOjs UI icon eye-progressive.svg|16px|alt=|visueller Editor|verweis=]] [[Hilfe:Tabellen/VisualEditor|VisualEditor]]
'''Anker''' sind weit unten ..... 
* Über {{Hilfe/mark|Eigenschaften|hellblau|Weitere Optionen öffnen|box=1}} das Menü „Tabelleneigenschaften“ öffnen.
[[#SchemaRBDX|Anker1]] funktioniert
* Dort „{{int:visualeditor-dialog-table-sortable}}“ → {{Hilfe/switchbutton|on}} eingeschaltet.<ref>Visuell kann (Stand Mai 2020) nur die komplette Kopfzeile als sortierbar oder nicht sortierbar festgelegt werden. Soll eine einzelne Kopfzelle ausgeschlossen werden, muss dies im [[Hilfe:VisualEditor/Wikitext|Wikitextmodus]] geschehen.</ref>
[[#SchemaRBDY|Anker2 in Tabelle]] funktioniert NICHT laut doku  [https://de.wikipedia.org/wiki/Hilfe:Tabellen#Anker_in_Tabellen Anker in Tabellen] sollte er aber. Oder?
* Dort „{{int:visualeditor-dialog-table-wikitable}}“ → {{Hilfe/switchbutton|on}} eingeschaltet.


=== mw-collapsible ===
=== Anker Links ===
{{Hilfe/mobil|mitText=0}} Für [[Mobilgerät]]e steht diese Funktionalität (Stand Mai 2020) nicht zur Verfügung.
{{Achtung|Das (initiale, d.&nbsp;h. Klasse ''mw-collapsed'') Einklappen von Tabellen und Inhalten ist im Allgemeinen in Artikeln unerwünscht.<br /> Es sollte nur angewandt werden, wenn es dem Leser den Artikel ''wesentlich'' zugänglicher macht.<br /> Nicht nur der Zugang zum eingeklappten Artikelteil wird erschwert. Auch nachfolgende [[Vorlage:Anker|Anker]] oder Überschriften werden beispielsweise von Abschnittslinks oder durch Weiterleitungen oft nicht mehr korrekt angesprungen. Der Bildlauf zeigt dann nicht den verlinkten Artikelteil.<br /> Um in diesem Fall den Bildlauf nachträglich zur richtigen Zielposition zu bewegen, kann der Cursor in die Adressleiste des Browsers platziert und anschließend die Eingabetaste {{Taste|↵ Enter}} gedrückt werden.}}


* Um diese Funktion nutzen zu können, muss [[JavaScript]] für die Wikipedia aktiviert sein (bei dir ist JavaScript momentan ''<span class="noscript">'''nicht'''</span> aktiviert'')
Hier ein Beispiel, wo diese Sprungziele innerhalb einer Tabelle stehen könnten;<span /><span /><br />
* Der Inhaltsbereich der Tabelle lässt sich ein- und ausklappen. Beachte: Wesentliche Inhalte eines Artikels sollten nicht verborgen (eingeklappt) und die [[Wikipedia:Barrierefreiheit|Zugänglichkeit]] zu den Inhalten nicht beeinträchtigt werden
springe zu [[#ganz_oben]], [[#Ü-id]], [[#K-id]], [[#Sprungziel1]], [[#Sprungziel2]], [[#Sprungziel3]], [[#Sprungziel4]]:
* Je nach Zustand der Tabelle wechselt die Beschriftung der Schaltfläche zwischen <code>'''[{{Hilfe/mark|Einklappen|hellblau}}]'''</code> und <code>'''[{{Hilfe/mark|Ausklappen|hellblau}}]'''</code>
* Durch den Zusatz <code>mw-collapsed</code> ist die Tabelle beim Laden des Artikels eingeklappt
* Durch den Zusatz <code>mw-collapse</code> ist die Tabelle beim Laden des Artikels ausgeklappt, dies entspricht der Funktion <code>class="mw-collapsible"</code> ohne Zusatz
* Bei existierender Tabellenüberschrift wird die Schaltfläche zum Umschalten rechts neben dieser sichtbar. Sie hat einen Abstand zum Text der Überschrift
Nachteile:
* Ohne Tabellenüberschrift sollte eine Kopfzelle (oder komplette Kopfzeile) vorhanden sein, die Schaltfläche zum Umschalten erscheint dann rechts neben dem Text der letzten rechten Kopfzelle. Andernfalls wird die Schaltfläche zum Umschalten rechts neben dem Inhalt der Zelle am oberen rechten Rand eingeblendet, sie übernimmt die Eigenschaften dieser Zelle
* Beim Einklappen einer Tabelle mit Tabellenüberschrift reduziert sich die Breite der Tabelle auf die Breite dieser Überschrift und die Schaltfläche steht darunter. Derart eingeklappte Tabellen sind schlecht vom Fließtext zu unterscheiden, der Leser nimmt sie eventuell nicht wahr
* Bei Tabellen ohne Tabellenüberschrift klebt die Schaltfläche ohne Abstand am Zelleninhalt
* [[Vorlage:Anker|Anker]] (auch zu [[Hilfe:Einzelnachweise|Belegmarken]]), die sich im eingeklappten Inhaltsbereich befinden, können nicht angesprungen werden


[[Datei:OOjs UI icon eye-progressive.svg|16px|alt=|visueller Editor|verweis=]] [[/VisualEditor/]]
<span><span /><br /></span>
* Über {{Hilfe/mark|Eigenschaften|hellblau|Weitere Optionen öffnen|box=1}} das Menü „Tabelleneigenschaften“ öffnen.
Dummy für Kundencheckliste [[Andi-Testseite-Checkliste]]
* Dort „{{int:visualeditor-dialog-table-collapsible}}“ → {{Hilfe/switchbutton|on}} eingeschaltet.
* Dort „{{int:visualeditor-dialog-table-collapsed}}“ → {{Hilfe/switchbutton}} ein- oder ausgeschaltet.


=== toptextcells ===
dfdsfasdf
[[Datei:OOjs UI icon eyeClosed.svg|16px|alt=|visueller Editor|verweis=]] – nicht veränderbar


* Die Inhalte der Inhaltszellen werden vertikal so ausgerichtet, dass sie am oberen Rand der Zellen stehen.
{| class="wikitable" style=""
* Die obere Textzeile bildet mit der oberen Begrenzung der Zelle eine Flucht, was die Lesbarkeit benachbarter Zellen erhöht.
|+
* Standard wäre eine vertikal mittige Ausrichtung.
!
* Kopfzellen bleiben unverändert, sie können bei Bedarf mittels einer Stylezuweisung <code>style="vertical-align:top"</code> ebenfalls nach oben ausgerichtet werden.
!
 
!
=== Kombinationen ===
!
Die genannten Klassen lassen sich teilweise kombinieren. Hierbei sollte Augenmaß gewahrt werden, nicht jede Eigenschaft ist immer passend. Sinnvolle Kombinationen wären:
* Sortierbare Wikitables: <code>class="wikitable sortable"</code>
* Oben ausgerichtete Texte in Zellen mit Wikitable: <code>class="wikitable toptextcells"</code>
* Kombinationen aller drei Stile: <code>class="wikitable sortable toptextcells"</code>
 
== {{Anker|Ausrichtung}} Ausrichtung der Tabelle ==
{{Hilfe/mobil|mitText=0}} Für [[Mobilgerät]]e steht diese Funktionalität (Stand Mai 2020) nicht zur Verfügung. Einzig <code>[[#Ausrichtung zentriert|class="wikitable center"]]</code> hat eine Auswirkung.<br /> [[Datei:OOjs UI icon eyeClosed.svg|16px|alt=|visueller Editor|verweis=]] – nicht veränderbar
 
Normalerweise werden Tabellen in Artikeln linksbündig ohne Textumfluss dargestellt.
{{Hauptseite|Hilfe:Textgestaltung/Layoutfluss|Hilfe:CSS #Layout, Textfluss und zurücksetzen}}
 
=== Ausrichtung mit Textumfluss ===
Um Tabellen mit Textumfluss darzustellen, können CSS-Klassen oder Style-Zuweisungen genutzt werden:
* Die CSS-Klasse stellt die Tabelle immer an den entsprechenden Rand der Seite und hat einen automatischen Abstand von <code>1em</code> nach oben, unten und der dem Rand gegenüberliegenden Seite.
* Die Style-Zuweisung kann hingegen genutzt werden, um Tabellen nebeneinander zu positionieren, siehe [[#Dynamisches Layout|Dynamisches Layout]]
'''Syntax:'''
<pre style="white-space: pre nowrap">
{| class="wikitable float-left"
{| class="wikitable" style="float:left;"
</pre>
* Beides stellt eine Tabelle linksbündig mit Textumfluss dar, der Fließtext steht rechts neben der Tabelle.
'''Syntax:'''
<pre style="white-space: pre nowrap">
{| class="wikitable float-right"
{| class="wikitable" style="float:right;"
</pre>
* Beides stellt eine Tabelle rechtsbündig mit Textumfluss dar, der Fließtext steht links neben der Tabelle.
Um den Textumfluss zu beenden, das heißt zu verhindern, dass die Tabelle in den nächsten Abschnitt, oder dass die folgende Überschrift neben die Tabelle rutscht, sollte das <code>float</code> aufgehoben werden.
* Dafür gibt es eine entsprechende Anweisung zum [[Hilfe:Textgestaltung/Layoutfluss#clear|Zurücksetzen]]
* beispielsweise <code><nowiki><div style="clear: both;"></div></nowiki></code>
'''[[Hilfe:Tabellen/Beispiele#Ausrichtung zentriert|Beispiele]]'''
 
=== Ausrichtung zentriert ===
Für die einfache Zentrierung einer Tabelle stehen zwei CSS-Klassen zur Verfügung:
 
'''Syntax:'''
<pre style="white-space: pre nowrap">
{| class="wikitable center"
</pre>
* Stellt eine Tabelle mit zentrierten Zelleninhalten im gesamten verfügbaren Bereich dar.
 
'''Syntax:'''
<pre style="white-space: pre nowrap">
{| class="wikitable centered"
</pre>
* Stellt eine Tabelle horizontal in die Mitte des verfügbaren Bereichs, die Zelleninhalte bleiben linksbündig.
'''[[Hilfe:Tabellen/Beispiele#Ausrichtung zentriert|Beispiele]]'''
 
== {{Anker|span}} Verbundene Tabellenzellen ==
'''Zellen verbinden:''' Eine Zelle kann die rechts oder unten angrenzenden Zellen überspannen, dafür gibt es zwei unterschiedliche Anweisungen:
* <code>colspan</code> {{enS|column span|de=Spalten überspannend}}
* <code>rowspan</code> {{enS|row span|de=Zeilen überspannend}}
Die Syntax kann sowohl für [[#Kopfzelle|Kopfzellen]] als auch für [[#Zellensyntax|Inhaltszellen]] eingesetzt werden.
 
'''[[Hilfe:Tabellen/Beispiele#span|Beispiele]]'''
 
[[Datei:OOjs UI icon eye-progressive.svg|16px|alt=|visueller Editor|verweis=]] [[Hilfe:Tabellen/VisualEditor#Tabelle bearbeiten|Mehrere Zellen markieren, verbinden, teilen]] – Der visuelle Editor bietet eine einfache Möglichkeit Zellen zu verbinden oder verbundene Zellen zu wieder trennen.
 
=== {{Anker|colspan}} Nebeneinander – colspan ===
'''Syntax:'''
<pre style="white-space: pre nowrap">
|-
|-
!colspan="3"| Zwischenüberschrift
|
|
|
|-
|-
|colspan="2"| Zelle 1/1 bis Zelle 2/1 || Zelle 3/1
|-
| Zelle 1/2 ||colspan="2"| Zelle 2/2 bis Zelle 3/2
</pre>
Der Wert für das <code>colspan</code> sollte nicht größer sein als die Anzahl der Zellen in einer Zeile.
=== {{Anker|rowspan}} Übereinander – rowspan ===
'''Syntax:'''
<pre style="white-space: pre nowrap">
|-
!rowspan="2"| Kopfzelle !! Kopfzelle oben !!rowspan="2"| Kopfzelle
|-
! Kopfzelle unten
|-
| Zelle 1/1 ||rowspan="2"| Zelle 2/1 bis Zelle 2/2 || Zelle 3/1
|-
| Zelle 1/2 || bis Zelle 3/2
</pre>
Der Wert für das <code>rowspan</code> sollte nicht größer sein als die Anzahl der Zellen in einer Spalte, es könnte sonst zu Darstellungsfehlern führen.
=== Über- und Nebeneinander ===
Kombinationen können bei der Quelltextbearbeitung recht unübersichtlich sein, hier kann die visuelle Bearbeitung vorteilhafter sein, weil man sich nicht um die Syntax kümmern muss.
'''Syntax:'''
<pre style="white-space: pre nowrap">
|-
|colspan="3" rowspan="2"| Inhalt verbundener Zellen
</pre>
== Layout ==
Zur Gestaltung der Tabellenrahmen und Zellenränder siehe [[Hilfe:Tabellen für Fortgeschrittene#style.border|Rahmen und Zellenränder]]
Die Inhalte von Tabellen können innerhalb der Zellen vertikal und horizontal ausgerichtet werden. Zudem lässt sich die Breite der Spalten oder Höhe der Zeilen einstellen.<br /> Dabei ist zu beachten, …
* … dass die Effekte der Textausrichtung optisch wirkungslos bleiben könnten, wenn bei automatischer Spaltenbreite (Standardverhalten) alle Zelleninhalte die gleiche Breite haben.
* … eine voreingestellte Spaltenbreite nicht eingehalten werden kann, wenn der Zelleninhalt breiter als diese Einstellung ist, beispielsweise durch lange Wörter oder breite Bilder …, die Breite richtet sich dann nach dem breitesten Inhalt in der Spalte. Den Zellen in einer Spalte können nicht mehrere unterschiedliche Breiten zugewiesen werden, es reicht beispielsweise die einmalige Zuweisung in der oberen Zelle der Spalte. Lange Wörter können durch einen [[Bedingter Trennstrich|bedingten Trennstrich]] <code>&amp;shy;</code> abhängig von der Spaltenbreite getrennt werden.
* … Texte, die über ein <code>[[Hilfe:CSS#Zeilenumbruch unterdrücken|nowrap]]</code> oder [[Geschütztes Leerzeichen|geschützte Leerzeichen]] <code>&amp;nbsp;</code> zwischen den Wörtern am Zeilenumbruch gehindert werden, wirken sich ebenfalls auf die Spaltenbreite aus.
* … die Zeilenhöhe richtet sich, auch bei einer Voreinstellung, immer nach der Zelle mit dem höchsten Inhalt.
Dies kann sich bei unterschiedlicher Bildschirmbreite, auf unterschiedlichen Endgeräten, bei individuell voreingestellten Schriftarten oder Bildgrößen oder bei unterschiedlichen Browsern auf des Layout der Tabelle auswirken.
=== Spaltenbreite ===
[[Datei:OOjs UI icon eyeClosed.svg|16px|alt=|visueller Editor|verweis=]] – nicht veränderbar
'''[[Hilfe:Tabellen/Beispiele#Spaltenbreite|Beispiele]]'''
Die Spaltenbreite kann als Angabe in <code>%</code> (Anteil an der Gesamtbreite der Tabelle) oder mit festen Werten <code>px</code> oder besser <code>em</code> erfolgen. Auf Angaben mit der Einheit <code>px</code> sollte verzichtet werden; es sei denn, es werden ausschließlich Grafiken erwartet. Statt dessen sollte für Text mit der Einheit <code>[[em (Schriftsatz)|em]]</code> gearbeitet werden, wobei <code>1em</code> ungefähr der Breite des Großbuchstabens&nbsp;„M“ in der umgebenden Schriftgröße entspricht.
Grundsätzlich ist es besser, wenn die Browser der Leser nach den momentanen Gegebenheiten (Bildschirmplatz, Schriftart) dynamisch die Spaltenbreiten verteilen. Sie machen das in der Regel sinnvoller als die Autoren der Artikel. Die meisten im Bestand vorgegebenen expliziten Spaltenbreiten sind völlig überflüssig.
Nur wenn mehrere Tabellen gleicher Art in der Seite vorkommen und diese gleiches Aussehen haben sollen, ist eine Festlegung regelmäßig sinnvoll; oder wenn Spalten mit gleichartigem Inhalt gleichmäßig aussehen sollen.
Für die breiteste Spalte sollte kein Wert explizit vorgegeben werden, sondern die Browser sollten deren Breite selbst errechnen. Überbestimmte Vorgaben für alle Spalten können durch Rundungsfehler zu Darstellungsfehlern führen; etwa wenn Prozentsätze addiert werden, deren Summe scheinbar 100 % ergibt. Bei der Darstellung wird jedoch mit physischen Einheiten gerechnet, die nicht exakt auf einzelne Prozentpunkte abgebildet sind.
Auch für die komplette Tabelle lässt sich ein Wert vorgeben. Für eher schmale Tabellen mit nur wenigen Spalten sollte daher eine Tabelle nicht auf einen Wert <code>style="width:100%"</code> gesetzt werden, weil die Inhalte dann bei breiten Bildschirmen weit auseinander liegen würden.
==== Breite in <code>%</code> ====
Die Angabe in <code>%</code> richtet sich immer auch nach der Breite der einzelnen Zelleninhalte. Durch Änderungen in einer Spalte kann sich so das Layout der gesamten Tabelle verändern. Die beabsichtigten Prozentangaben der einzelnen Spalten müssen in der Summe 100% ergeben, auch dann, wenn für die komplette Tabelle beispielsweise eine Breite von <code>style="width:50%"</code> definiert wurde. Um Darstellungsfehler zu vermeiden, sollte für eine (meist die breiteste) Spalte kein Prozentwert angegeben werden; diese Breite wird besser vom Browser errechnet.
'''Syntax:'''
<pre style="white-space: pre nowrap">
|-
|style="width:20%;"| Spalte mit 20 % der Gesamtbreite der Tabelle
</pre>
==== Breite in <code>em</code> ====
Die Breite kann auch in festen Werten vorgegeben werden. Dabei gilt es zu beachten, dass die Gesamtbreite einer Tabelle mit festen Werten, je nach Bildschirmbreite das Betrachters, über den rechten Rand hinauslaufen kann.
'''Syntax:'''
<pre style="white-space: pre nowrap">
|-
|style="width:20em;"| Spalte mit fester Breite von 20em
</pre>
==== Gleichbreite Spalten (Tabellen untereinander) ====
Bei mehreren, dicht untereinander stehenden Tabellen mit ähnlichen Inhalten und Überschriften kann es vorteilhaft sein, die Breite für die Spalten einheitlich festzulegen. Das funktioniert nur, wenn die Inhalte die Werte für die Breiten nicht überschreiten.
=== Textausrichtung ===
[[Datei:OOjs UI icon eyeClosed.svg|16px|alt=|visueller Editor|verweis=]] – nicht veränderbar
'''[[Hilfe:Tabellen/Beispiele#Ausrichtung der Zelleninhalte|Beispiele]]'''
Um den Text in allen Inhaltszellen einer Tabelle ''horizontal'' auszurichten, kann die CSS-Anweisung am Tabellenbeginn gesetzt werden, zum Beispiel:
<pre style="white-space: pre nowrap">
{| class="wikitable" style="text-align:center;"
</pre>
Um den Text in allen Inhaltszellen einer Tabelle ''vertikal'' auszurichten gibt es die Möglichkeit
<pre style="white-space: pre nowrap">
{| class="wikitable" style="vertical-align:top;"
</pre>
Alternativ eine Klasse [[#toptextcells|toptextcells]].
<pre style="white-space: pre nowrap">
{| class="wikitable toptextcells"
</pre>
=== {{Anker|Hintergrundfarben}} Zellfärbung ===
[[Datei:OOjs UI icon eyeClosed.svg|16px|alt=|visueller Editor|verweis=]] – nicht veränderbar
{{Hauptseite|Hilfe:Farbe}}
* Farben sollten sparsam verwendet werden.
* Die bereits seit 1998 veraltete Anweisung <code>bgcolor="#RRGGBB"</code> sollte nicht verwendet werden, siehe auch [[Hilfe:CSS #Veraltete Anweisungen]]
'''[[Hilfe:Tabellen/Beispiele#Dekoration|Beispiele]]'''
==== Klassenzuweisung ====
{| id="hintergrundfarben" class="wikitable float-right"
|-
! Klassenname
! Farbe in<br />allen [[Hilfe:Skin|Skins]]
|-
| hintergrundfarbe1
| class="hintergrundfarbe1" style="text-align:center;" | #F8F9FA
|-
| hintergrundfarbe2
| class="hintergrundfarbe2" style="text-align:center;" | #FFFFFF
|-
| hintergrundfarbe3
| class="hintergrundfarbe3" style="text-align:center;" | #FFFF40
|-
| hintergrundfarbe4
| class="hintergrundfarbe4" style="text-align:center;" | #FFAA00
|-
| hintergrundfarbe5
| class="hintergrundfarbe5" style="text-align:center;" | #EAECF0
|-
| hintergrundfarbe6
| class="hintergrundfarbe6" style="text-align:center;" | #B3B7FF
|-
| hintergrundfarbe7
| class="hintergrundfarbe7" style="text-align:center;"| #FFCBCB
|-
| hintergrundfarbe8
| class="hintergrundfarbe8" style="text-align:center;"| #FFEBAD
|-
| hintergrundfarbe9
| class="hintergrundfarbe9" style="text-align:center;"| #B9FFC5
|}
Es kann eine der 9 [[Hilfe:Farbe #Hintergrundfarben|Wikipedia-Standardfarben]] vergeben werden. <code>class="hintergrundfarbe'''X'''"</code> – <code>X</code> = [[Hilfe:Tabellen/Beispiele#hintergrundfarbe|1 bis 9]]
Alle Inhaltszellen der Tabelle einfärben
<pre style="white-space: pre nowrap">
{| class="hintergrundfarbeX"
</pre>
Komplette Inhaltszeilen einfärben
<pre style="white-space: pre nowrap">
|- class="hintergrundfarbeX"
</pre>
Einzelne Zellenhintergründe einfärben
<pre style="white-space: pre nowrap">
|class="hintergrundfarbeX"| Zelleninhalt
</pre>
Einzelne Kopfzellen einfärben
<pre style="white-space: pre nowrap">
!class="hintergrundfarbeX"| Kopfzelle
</pre>
==== Stylezuweisung ====
Den Zellen kann direkt eine beliebige [[Webfarbe|Farbe]] zugewiesen werden. <code>style="background:#RRGGBB"</code> – Werte von <code>#000000</code> (schwarz) bis <code>#FFFFFF</code> (weiß)
* Hinter der Raute (#) werden die Farbanteile nach dem RGB-Schema (Rot-Grün-Blau) jeweils als zweistellige hexadezimale Zahlen angegeben.
* „00“ (=dezimal&nbsp;0) bedeutet 0 % und „FF“ (=dezimal 255) bedeutet 100 % der jeweiligen Grundfarbe.
* <code>#FF0000</code> {{Farbe|#FF0000}} Rot, <code>#00FF00</code> {{Farbe|#00FF00}} Grün und <code>#0000FF</code> {{Farbe|#0000FF}} Blau.<br /> Diese Grundfarben lassen sich beliebig mischen <code>#FF8C00</code> {{Farbe|#FF8C00}} Orange. Es sollte bei der Farbgebung beachtet werden, dass Farben nicht zu grell gewählt werden, die Inhalte müssen gut lesbar bleiben.
Alle Inhaltszellen der Tabelle einfärben
<pre style="white-space: pre nowrap">
{| style="background:#RRGGBB"
</pre>
Komplette Inhaltszeilen einfärben
<pre style="white-space: pre nowrap">
|- style="background:#RRGGBB"
</pre>
Einzelne Zellenhintergründe einfärben
<pre style="white-space: pre nowrap">
|style="background:#RRGGBB"| Zelleninhalt
</pre>
Einzelne Kopfzellen einfärben
<pre style="white-space: pre nowrap">
! style="background:#RRGGBB"| Kopfzelle
</pre>
=== Zeilenumbruch, Aufzählung ===
[[Datei:OOjs UI icon eye-progressive.svg|16px|alt=|visueller Editor|verweis=]] [[/VisualEditor/]]
* Doppelklicke in eine Zelle der Tabelle …
** Zeilenumbrüche innerhalb einer Zelle können dort, wie überall im Text, durch Drücken von {{Taste|↵ [[Eingabetaste|Enter]]}} erzeugt werden.
** Soll in die Zelle eine [[Hilfe:Listen/VisualEditor|Aufzählungsliste]] eingefügt werden, kann aus dem Menüpunkt die Art der Aufzählung, Listenpunkte [[Datei:ListBullet.svg|16px|verweis=]] oder nummerierte Liste [[Datei:OOjs UI icon listNumbered-ltr.svg|16px|verweis=]], ausgewählt werden. Die einzelnen Listenpunkte werden ebenfalls durch {{Taste|↵ [[Eingabetaste|Enter]]}} erzeugt.
[[Datei:OOjs UI icon wikiText.svg|16px|verweis=]] [[Hilfe:Wikisyntax|Quelltextbearbeitung]]
* Ein dargestellter Zeilenumbruch in einer Zelle kann am einfachsten durch das [[Hilfe:Tags#br|Element <code style="white-space:nowrap">&lt;br /></code>]] an jeder Bruchstelle innerhalb einer und derselben Zeile des Quelltextes erzeugt werden. Eine alternative Möglichkeit besteht darin, für jede Zeile des Eintrags eine neue Quelltext-Zeile zu beginnen, ebenfalls mit <code style="white-space:nowrap">&lt;br /&gt;</code> an den Bruchstellen am jeweiligen Zeilenende, wie im nachfolgenden Beispiel (2.&nbsp;Spalte) gezeigt wird. Das ist bei längeren Zeilen des umbrochenen Tabelleneintrags übersichtlicher, kann allerdings zu einer etwas veränderten vertikalen Anordnung des Zelleninhalts führen; auch können dann nicht in direktem Anschluss daran weitere Zellen innerhalb derselben Quelltext-Zeile hinzugefügt werden (wie in [[Hilfe:Tabellen/Wikisyntax #Elemente]] beschrieben).
* Eine Zelle innerhalb einer Tabelle kann auch eine Aufzählung in Form einer Liste, wie in [[Hilfe:Listen]] beschrieben, enthalten. Da hierbei jedes Element der Liste eine eigene Quelltext-Zeile erfordert, ist dies ein Sonderfall der im vorigen Punkt genannten Alternativmöglichkeit des Zeilenumbruchs. Die <code style="white-space:nowrap">&lt;br /&gt;</code> an den Zeilenenden entfallen hier, da die Aufzählungszeichen <code>*</code> oder <code>#</code>, die alle direkt am Anfang der jeweiligen Quelltext-Zeile stehen müssen, hinreichend den Zeilenwechsel markieren.
<div style="float:left; margin-right:4em;">
{| class="wikitable toptextcells"
|-
! ''Eine'' QT-Zeile !!colspan="3"| Individuelle QT-Zeilen
|-
! <code>&lt;br /&gt;</code> !! <code>&lt;br /&gt;</code> !! <code>*</code> !! <code>#</code>
|-
|Zeile 1<br /> Zeile 2<br /> Zeile 3
|
|
Zeile 1<br />
Zeile 2<br />
Zeile 3
|
|
* Zeile 1
* Zeile 2
* Zeile 3
|
|
# Zeile
|
# Zeile
# Zeile
|}
QT = Quelltext
</div><div style="float:left;">
'''Quelltext''' dieser Tabelle:
<pre style="white-space: pre nowrap">
{| class="wikitable toptextcells"
|-
|-
! ''Eine'' QT-Zeile !!colspan="3"| Individuelle QT-Zeilen
|-
! <code>&amp;lt;br /&amp;gt;</code> !! <code>&amp;lt;br /&amp;gt;</code> !! <code>*</code> !! <code>#</code>
|-
|Zeile 1<br /> Zeile 2<br /> Zeile 3
|
|
Zeile 1<br />
Zeile 2<br />
Zeile 3
|
|
* Zeile 1
* Zeile 2
* Zeile 3
|
|
# Zeile
|
# Zeile
# Zeile
|}
</pre>
</div>
<div style="clear:left;"></div>
 
=== Texteinrückung ===
[[Datei:OOjs UI icon eyeClosed.svg|16px|alt=|visueller Editor|verweis=]] – nicht veränderbar
 
Eine Texteinrückung, d.&nbsp;h. eine Darstellung, bei der der Text nicht am linken Rand beginnt (bei linksseitiger Ausrichtung) bzw. nicht am rechten Rand endet (bei rechtsseitiger Ausrichtung), sondern etwas eingerückt wird, kann über das ''cell padding'' („Zellen-Auspolsterung“)-Attribut erreicht werden:
 
<div style="float:left; margin-right:4em;">
<code>style="padding-…;"</code>
{| class="wikitable"
|-
|-
| Linksbündig<br />ohne Einrückung || 1
|
|-
|<table>
|style="padding-left:2em"| Linksbündig<br /> mit Einrückung || 2
        <tr>
|-
          <th></th>
|style="text-align:right"| Rechtsbündig<br /> ohne Einrückung || 3
          <th>Haus A</th>
|-
          <th>Haus B</th>
|style="text-align:right; padding-right:2em"| Rechtsbündig<br /> mit Einrückung || 4
        </tr>
|}
        <tr>
</div><div style="float:left;">
          <th>Wohnfläche</th>
'''Quelltext''' dieser Tabelle:
          <td>100</td>
<pre style="white-space: pre nowrap">
          <td>150</td>
{| class="wikitable"
        </tr>
|-
        <tr>
| Linksbündig<br />ohne Einrückung || 1
          <th>Gartenfläche</th>
|-
          <td>50</td>
|style="padding-left:2em"| Linksbündig<br /> mit Einrückung || 2
          <td>100</td>
|-
        </tr>
|style="text-align:right"| Rechtsbündig<br /> ohne Einrückung || 3
        <tr>
|-
          <th>Gesamtfläche</th>
|style="text-align:right; padding-right:2em"| Rechtsbündig<br /> mit Einrückung || 4
          <td>150</td>
|}
          <td>
</pre>
<table>
</div>
        <tr>
<div style="clear:left;"></div>
          <th></th>
Der gesamte Tabelleninhalt wird rechtsbündig, wenn man im Tabellenkopf <code>{| style="text-align:right;"</code> eingibt. [[Hilfe Diskussion:Tabellen/Archiv/2005#Ganze%20Spalten%20ausrichten|Spaltenweise]] ist leider [[Hilfe Diskussion:Tabellen/Archiv/2007#rechtsbündig|<u>nicht</u> möglich]].
          <th>Haus A</th>
          <th>Haus B</th>
        </tr>
        <tr>
          <th>Wohnfläche</th>
          <td>100</td>
          <td>150</td>
        </tr>
        <tr>
          <th>Gartenfläche</th>
          <td>50</td>
          <td>100</td>
        </tr>
        <tr>
          <th>Gesamtfläche</th>
          <td>150</td>
          <td>250</td>
        </tr>
        <tr>
          <td colspan="3">Alle Angaben in Quadratmetern.</td>
        </tr>
</table>


=== {{Anker|shy}} Lange Wörter ===
</td>
Die Mindestbreite einer Spalte richtet sich nach dem längsten Wort. Um der darstellenden Software zu signalisieren, wo eine [[Worttrennung]] möglich ist, kann in besonders langen Wörtern das Entity <code>&amp;shy;</code> in den Quelltext eingefügt werden. Dann erfolgt bei Bedarf an dieser Stelle Silbentrennung. Das sollte jedoch nur sparsam genutzt werden.
        </tr>
        <tr>
          <td colspan="3">Alle Angaben in Quadratmetern.</td>
        </tr>
</table>


== Dynamisches Layout ==
|
Die von unseren Lesern verwendeten Endgeräte können sich unterscheiden, insbesondere unterschiedlich breit sein: PC auf dem Schreibtisch, Smartphone, Großbildschirme. Gute Seiten passen sich den individuellen Verhältnissen bei momentanen Lesern an. Siehe dazu [[Hilfe:Textgestaltung/Layoutfluss|Layoutfluss]].
|
 
[[Datei:OOjs UI icon eyeClosed.svg|16px|alt=|visueller Editor|verweis=]] – nicht veränderbar
 
Bei der Verwendung von <code>style="float:…;"</code> sollte immer auch ein Abstand <code>margin-…:</code> angegeben werden, damit der umfließende Inhalt der Seite nicht abstandslos an die Tabelle stößt.
 
Um den Textumfluss zu beenden, sollte das <code>float</code> aufgehoben werden. Dafür gibt es entsprechende Anweisungen zum [[Hilfe:Textgestaltung/Layoutfluss#clear|Zurücksetzen]], beispielsweise:
* mit Vorlage <code>{{tl|Absatz}}</code> (gleichbedeutend mit <code><nowiki><div style="clear: both;"></div></nowiki></code>) nach der Tabelle
* oder mittels <code><nowiki>style="…;clear:both;"</nowiki></code> im Tabellenkopf einer nachfolgenden Tabelle
 
In den folgenden Beispielen fordert jeweils die linke Tabelle einen kleinen Abstand nach rechts.
* Stehen beide Tabellen nebeneinander, ist das der Abstand zur rechten Tabelle.
* Stehen beide Tabellen untereinander, weil nicht genug Platz vorhanden ist, so stehen sie trotzdem bündig an der linken Kante.
 
=== Tabellen linksbündig nebeneinander ===
<div style="float:left; margin-right:4em;">
<code>style="float:left;"</code>
{| class="wikitable" style="float:left; margin-right:1em;"
|+ Tabelle 1
|-
|-
! Kopfzelle !! Kopfzelle
|
|-
|
| Inhaltszelle || Inhaltszelle
|
|-
|
| Inhalt<br /> linksbündig || vertikal zentriert
|}
{| class="wikitable" style="float:left;"
|+ Tabelle 2
|-
! Kopfzelle !! Kopfzelle
|-
| Inhaltszelle || Inhaltszelle
|-
| Inhalt<br /> linksbündig || vertikal zentriert
|}
|}
<div style="clear: left;"></div>
<span><span /><br /></span>
</div><div style="float:left;">
'''Quelltext''' der Tabellen: mit Abstand nach rechts
<pre style="white-space: pre nowrap">
{| class="wikitable" style="float:left; margin-right:1em;"
|+ Tabelle 1
|-
! Kopfzelle !! Kopfzelle
|-
| Inhaltszelle || Inhaltszelle
|-
| Inhalt<br /> linksbündig || vertikal zentriert
|}
{| class="wikitable" style="float:left;"
|+ Tabelle 2
|-
! Kopfzelle !! Kopfzelle
|-
| Inhaltszelle || Inhaltszelle
|-
| Inhalt<br /> linksbündig || vertikal zentriert
|}
<div style="clear: both;"></div>
</pre>
</div>
<div style="clear:left;"></div>


=== Tabellen rechtsbündig nebeneinander ===
<table>
<div style="float:right; margin-left:4em;">
        <tr>
<code>style="float:right;"</code>
          <th></th>
{| class="wikitable" style="float:right;"
          <th>Haus A</th>
|+ Tabelle 1
          <th>Haus B</th>
|-
        </tr>
! Kopfzelle !! Kopfzelle
        <tr>
|-
          <th>Wohnfläche</th>
| Inhaltszelle || Inhaltszelle
          <td>100</td>
|-
          <td>150</td>
| Inhalt<br /> linksbündig || vertikal zentriert
        </tr>
|}
        <tr>
{| class="wikitable" style="float:right; margin-right:1em;"
          <th>Gartenfläche</th>
|+ Tabelle 2
          <td>50</td>
|-
          <td>100</td>
! Kopfzelle !! Kopfzelle
        </tr>
|-
        <tr>
| Inhaltszelle || Inhaltszelle
          <th>Gesamtfläche</th>
|-
          <td>150</td>
| Inhalt<br /> linksbündig || vertikal zentriert
          <td>
|}
<table>
<div style="clear:right;"></div>
        <tr>
</div><div style="float:left;">
          <th></th>
'''Quelltext''' der Tabellen; die linke Tabelle erhält einen kleinen Abstand nach rechts
          <th>Haus A</th>
<pre style="white-space: pre nowrap">
          <th>Haus B</th>
{| class="wikitable" style="float:right;"
        </tr>
|+ Tabelle 1
        <tr>
|-
          <th>Wohnfläche</th>
! Kopfzelle !! Kopfzelle
          <td>100</td>
|-
          <td>150</td>
| Inhaltszelle || Inhaltszelle
        </tr>
|-
        <tr>
| Inhalt<br /> linksbündig || vertikal zentriert
          <th>Gartenfläche</th>
|}
          <td>50</td>
{| class="wikitable" style="float:right; margin-right:1em;"
          <td>100</td>
|+ Tabelle 2
        </tr>
|-
        <tr>
! Kopfzelle !! Kopfzelle
          <th>Gesamtfläche</th>
|-
          <td>150</td>
| Inhaltszelle || Inhaltszelle
          <td>250</td>
|-
        </tr>
| Inhalt<br /> linksbündig || vertikal zentriert
        <tr>
|}
          <td colspan="3">Alle Angaben in Quadratmetern.</td>
<div style="clear:right;"></div>
        </tr>
</pre>
</table>
</div>
<div style="clear:both;"></div>


== Sonstiges ==
</td>
=== Anmerkungen zum Zelleninhalt ===
        </tr>
* Besonders gut ist hierfür das unter [[Vorlage:FN]] beschriebene Paket geeignet.
        <tr>
* Ein anderer Weg ist eine Variante der sonst für [[Hilfe:Einzelnachweise|Einzelnachweise]] eingesetzten <code><nowiki><ref></nowiki></code>-Anweisung:
          <td colspan="3">Alle Angaben in Quadratmetern.</td>
        </tr>
</table>


<div style="float:left; margin-right:4em;">
Zellen mit Anmerkungen
{| class="wikitable"
|-
! Spalte 1
! Spalte 2
|-
| Zelle 1{{FN|1}}
| Zelle 2
|-
| Zelle 3
| Zelle 4<ref group="Anm.">Eine Anmerkung <code>&lt;ref&gt;</code></ref>
|}
'''Anmerkungen'''
<references group="Anm." />
{{FNBox|
{{FNZ|1|Text der Anmerkung {{Vorlage|FN}}}}
}}
</div><div style="float:left;">
'''Quelltext''' dieser Tabelle:
<pre style="white-space: pre nowrap">
{| class="wikitable"
|-
! Spalte 1
! Spalte 2
|-
| Zelle 1{{FN|1}}
| Zelle 2
|-
| Zelle 3
| Zelle 4<ref group="Anm.">Eine Anmerkung <code>&lt;ref&gt;</code></ref>
|}
'''Anmerkungen'''
<references group="Anm." />
{{FNBox|
{{FNZ|1|Text der Anmerkung {{Vorlage|FN}}}}
}}
</pre>
</div>
<div style="clear:left;"></div>
=== Datumsangaben ===
Siehe [[Wikipedia:Datumskonventionen #Datumsangaben in Tabellen]].
=== Nummerierung der Zeilen ===
Eine „automatische“ Nummerierung der Zeilen einer Tabelle, so wie es etwa bei einer [[Hilfe:Listen#Nummerierte Liste|nummerierten Liste]] mit dem Zeichen {{Taste|#}} geschieht, ist bei Tabellen nicht möglich; zumindest nicht in dem Sinn, dass derselbe auch bei einer Sortierung immer dieselbe Nummer hätte (sogenannte Rangliste).
== {{Anker|Layout-Tabellen}} „Layout-Tabellen“ ==
In den 1990er Jahren war es einmal Mode, mittels Tabellen alle Elemente der Seite in einem fest vorgegebenen Schema anzuordnen: die sogenannten Layout-Tabellen. Typisch war dann der Hinweis „Optimiert für 1024×768 Pixel“&nbsp;– alle Leser mit kleinerem Bildschirm oder die sich die Webseite nicht als Vollbild ansehen wollten, hatten Pech und bekamen eine durcheinandergewürfelte oder unvollständige Darstellung angezeigt.
Heute gibt es Mobilgeräte mit relativ kleinem, zumindest aber begrenztem Bildschirm (global erfolgen rund die Hälfte aller Lesezugriffe auf eine Wikipedia über Mobilgeräte). Andere Leser verwenden HD-Bildschirme, scherzhaft als Kinoleinwand bezeichnet, und könnten extrem viele Elemente nebeneinander anzeigen (wobei es dem Verständnis und der Lesbarkeit auch nicht dienlich wäre, 1000 Buchstaben in einer einzigen Zeile anzuzeigen).
Webseiten sollen sich heutzutage am „[[Responsive Webdesign|Responsiven Webdesign]]“ orientieren. Sie sollen eine den Umständen bei den Lesern entsprechende übersichtliche und sinnvolle Darstellung erzeugen. Das können Browser auch, wenn ihnen dazu Freiraum gelassen wird. Layout-Vorgaben sollten sich auf inhaltlich notwendige Forderungen beschränken und keine bestimmte Präsentation vorschreiben. Viele Wikipedia-Autoren der ersten Jahre hatten nur mit relativ großen „Desktop“-Darstellungen gearbeitet und vorausgesetzt, dass sich jeder Leser ähnlich viel Bildschimplatz verschaffen könne, und dies auch durch ein statisches Layout zwingend vorgegeben. Würde umgekehrt ein schmales Design für Mobilgeräte fest definiert werden, wird bei Lesern mit breiterem Bildschirm viel Platz rechts daneben verschenkt; inhaltlich zusammengehörige Elemente sind hier nicht mehr gleichzeitig sichtbar, obwohl dafür Platz vorhanden wäre. Auch dies ist eine unübersichtliche Darstellung.
Um Tabellen je nach Fenstergröße bei genügend Platz nebeineinander anzuordnen, und bei wenig Raum untereienander, siehe Abschnitt [[Hilfe:Tabellen#Dynamisches_Layout|Dynamisches Layout]].
Tabellen sollten nur dazu verwendet werden, um einzelne Datenelemente übersichtlich strukturiert anzuordnen. Das ist auch ein wichtiger Aspekt für die [[Hilfe:Textgestaltung/Barrierefreiheit|Barrierefreiheit]]. Für die Präsentation gibt es andere Möglichkeiten:
* [[Hilfe:Textgestaltung/Mehrspaltigkeit und Listen|Mehrspaltige Listen]]
* [[Hilfe:Textgestaltung/Layoutfluss|Fließendes Layout]]
Vermieden werden sollte generell:
* Vorgabe von Spaltenbreiten, wo nicht Einheitlichkeit mehrerer gleichartiger Elemente erzielt werden soll.
* Angaben für die Gesamtbreite einer Tabelle (<code>100%</code> oder <code>50%</code>) in Bezug zur Bildschirmbreite.
** Leser an Mobilgeräten erhalten eine unnötig zerquetschte Darstellung, wenn gefordert wird, nur die halbe Bildschirmbreite solle genutzt werden, der restliche Platz würde verschenkt.
** Leser vor Breitbildmonitoren bekommen eine gigantisch auseinandergezogene Zeile mit verlorengehenden Inhalten, wenn statt der vom Browser nach den Erfordernissen ermittelten Tabellenbreite die volle Bildschirmbreite verlangt wird.
* Unterbinden von Zeilenumbrüchen (<code>nowrap</code>, [[Geschütztes Leerzeichen|geschützte Leerzeichen]]) wo nicht wirklich erforderlich. Bei schmaler Bildschirmbreite muss an geeigneten Stellen umbrochen werden können.
== Hilfsmittel ==
* In den [[Hilfe:VisualEditor|VisualEditor]] lassen sich Tabellen bequem per Copy-&-Paste aus gängigen Office-Programmen einfügen, die anschließend auch im Quelltext weiter bearbeitet werden können
* '''[[Wikipedia:Technik/Text/Basic/EXCEL-Tabellenumwandlung|EXCEL-Tabellenumwandlung]]''' konvertiert den ausgewählten Tabellenbereich aus MS Excel direkt in das Wiki-Tabellenformat. Die wichtigsten Formatierungen wie Fett/Kursiv, Zellenhöhe und -breite, Schriftgröße, Farbinformation aus MS Excel bleiben erhalten.
* '''[[Wikipedia:Technik/Text/Basic/Excel2Wiki|Excel2Wiki]]''' berücksichtigt verbundene Zellen, dazu auch ein Programm zur Umwandlung der Spalten in Zeilen und umgekehrt und ein Programm zur Zeilenumkehr, d.&nbsp;h. die letzte Zeile wird zur ersten usw.
* '''[[Benutzer:Duesentrieb/csv2wp|csv2wp]]''' ist ein Werkzeug zum Umwandeln von [[CSV (Dateiformat)|CSV-Dateien]] in Wiki-Tabellenformat. Damit lassen sich z.&nbsp;B. Tabellen aus [[Microsoft Excel]] importieren.
* [[Apache OpenOffice|OpenOffice]]-Tabellen können mit '''[[Wikipedia:Technik/Text/Basic/OOo Calc2Dokuwiki|Calc2Wiki]]''' konvertiert werden. Eine Alternative (mit der ein oder anderen Erweiterung) ist [[Benutzer:Erodeist/Calc2WikiTable|Calc2WikiTable]].
* [[Wikipedia:Technik/Cloud/magnustools/html2wiki|Umwandlung von HTML-Tabellen in MediaWiki-Tabellen]]
* Das [[Wikipedia:Technik/Skin/Benutzerskripte/Hinweise|Benutzerskript]] [[Benutzer:PerfektesChaos/js/tableXpander|'''tableXpander'''@PerfektesChaos]] ermöglicht auf einer dargestellten Seite mittels [[JavaScript]] in Datentabellen verschiedene Berechnungen und das Durchzählen und Nummerieren von Zellen.


== Weitere Informationen ==
<span><span /><span /><br /></span>
* [[Hilfe:Tabellen für Fortgeschrittene]] – Mehr über verschachtelte Tabellen und Formatierungsfragen.
* [[Hilfe:Tabellen/Sortierung]] – Ausführliche Beschreibung der Sortierfunktionen.
* [[Hilfe:Tabellen/Beispiele]] – Optische Darstellung der Funktionen.
* [[Hilfe:Tabellen/VisualEditor|Tabellen im VisualEditor]] – Beschreibung der Tabellenfunktionen des Bearbeitungswerkzeugs [[Hilfe:VisualEditor|VisualEditor]].
* [[meta:Help:Table|Gestaltung von Tabellen]] (englisch)
* [[meta:Help:Sorting|Sortierung von Tabellen]] (englisch)
* [[Wikipedia:Wie gute Artikel aussehen#Tabellen|Bedeutung von Vorlagen zur Vereinheitlichung von Tabellen]]
* [[:Kategorie:Vorlage:Tabellenformatierung|Bausteine für die Tabellenformatierung]]
 
== Anmerkungen ==
<references />
<noinclude>
[[Kategorie:Hilfe:Listen und Tabellen]]
[[Kategorie:Hilfe:Wikisyntax]]
[[Kategorie:Vorlage:Tabelle]]
</noinclude>
 
Dummy für Kundencheckliste [[Andi-Testseite-Checkliste]]
 
dfdsfasdf
 
 
 
<span><br /></span>
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


Zeile 1.006: Zeile 494:
<span id="SchemaRBDX">Anker1, funktioniert</span>
<span id="SchemaRBDX">Anker1, funktioniert</span>


{| class="wikitable" style=""
|+Schemaspezifikation
!Kurzbez !!Bezeichnung ||Eigenschaften || Siehe Checkliste
|-
|RBDX ||Rufbereitschaft1 ||'''Schematyp'''='' 2) Nachtdienst''<span /><br />'''Ausfallberechnung'''=''n/a''<span /><br />'''Fehlermarkierung sperren'''=''JA''<span /><br />'''Relevanz'''=''2'' || [[Andi-Testseite-Checkliste#RBD_Pflege]]
|- id="SchemaRBDY"
|RBDY ||Rufbereitschaft12 ||'''Schematyp'''='' 2) Nachtdienst''<span /><br />'''Ausfallberechnung'''=''n/a''<span /><br />'''Fehlermarkierung sperren'''=''JA''<span /><br />'''Relevanz'''=''3'' || [[Andi-Testseite-Checkliste#RBD_Ärzte]]
|}


{| class="wikitable" id="ganz_oben"
{| class="wikitable" style="" id="ganz_oben"
|+ id="Ü-id" | Überschrift (Ü-id)
|+ id="Ü-id" |Überschrift (Ü-id)
|- id="K-id"
|- id="K-id"
! colspan="3" | Kopfzelle (K-id)
! colspan="3" | Kopfzelle (K-id)
|- id="Sprungziel1"
|- id="Sprungziel1"
| Zeile 1 || Sprungziel 1<br /> (mit ID<br /> in Zeile) || Inhalt<br /> mit<br /> Umbruch
|Zeile 1 || Sprungziel 1<span /><span /><br /> (mit ID<span /><span /><br /> in Zeile)|| Inhalt<span /><span /><br /> mit<span /><span /><br /> Umbruch
|-
|-
| Zeile 2 || id="Sprungziel2" | Sprungziel 2<br /> (mit ID<br /> in Zelle) || Inhalt<br /> mit<br /> Umbruch
|Zeile 2|| id="Sprungziel2" | Sprungziel 2<span /><span /><br /> (mit ID<span /><span /><br /> in Zelle)||Inhalt<span /><span /><br /> mit<span /><span /><br /> Umbruch
|- {{Anker|Sprungziel3}}
|- id=Sprungziel3
| Zeile 3 || Sprungziel 3<br /> (mit Anker-<br />Vorlage<br /> in Zeile) || Inhalt<br /> mit<br /> Umbruch
|Zeile 3|| <span id=Sprungziel3 /><span /><span /><br /> (mit Anker-<span /><span /><br />Vorlage<span /><span /><br /> in Zeile)|| Inhalt<span /><span /><br /> mit<span /><span /><br /> Umbruch
|-
|-
| Zeile 4 || {{Anker|Sprungziel4}} Sprungziel 4<br /> (mit Anker-<br />Vorlage<br /> in Zelle) || Inhalt mit<br /> Umbruch,<br /> man landet <br /> mittendrin<br /> (abhängig von <br /> Zellenhöhe)<br /> "Sprungziel4"
| Zeile 4|| <span id=Sprungziel4 /> Sprungziel 4<span /><span /><br /> (mit Anker-<span /><span /><br />Vorlage<span /><span /><br /> in Zelle)|| Inhalt mit<span /><span /><br /> Umbruch,<span /><span /><br /> man landet <span /><span /><br /> mittendrin<span /><span /><br /> (abhängig von <span /><span /><br /> Zellenhöhe)<span /><span /><br /> "Sprungziel4"
|}
|}


<span><br /></span>
<span><span /><span /><br /></span>
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


Zeile 1.076: Zeile 556:
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


Zeile 1.120: Zeile 600:
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


Zeile 1.164: Zeile 644:
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdsfasd
asdfdsfasd


<span><br /></span>
<span><span /><span /><br /></span>
dsfasdf
dsfasdf


<span><br /></span>
<span><span /><span /><br /></span>
asdfdasfsf
asdfdasfsf


<span><br /></span>
<span><span /><span /><br /></span>
sadfdsfdsf
sadfdsfdsf


<span><br /></span>
<span><span /><span /><br /></span>
asdffaf
asdffaf


<span><br /></span>
<span><span /><span /><br /></span>
sdfdsf
sdfdsf


<span><br /></span>
<span><span /><span /><br /></span>
dfdsfasdf
dfdsfasdf


dsfasdf
dsfasdf

Aktuelle Version vom 16. März 2023, 18:47 Uhr

Schemaspezifikation
Namensgebung Eigenschaften Verweise

OvertimeCustom
Overtime Custom specific

Faktor für Sollberechnung (Rahmenplan) =0.5 , Relevanz =30

Planungscode
Namensgebung Eigenschaften Verweise

FOS
fuoriorario speciale

Fixe Ausfallstunden =0 , Abrechnungsschema =Overtime Custom specific , Textfarbe =255 , Hintergrundfarbe =12632256 , Planungscodeklassifizierung =Anwesend , Plansymbol für Export ="" , Leseberechtigung =Ungeschützt , Reihenfolge bei Anzeige =0

X_REF

Planungscode
Namensgebung Eigenschaften Verweise

U
Urlaub

Fixe Ausfallstunden =0 , Textfarbe =255 , Hintergrundfarbe =12632256 , Planungscodeklassifizierung =Anwesend , Plansymbol für Export ="" , Leseberechtigung =Ungeschützt , Reihenfolge bei Anzeige =0


Schemaspezifikationen
Namensgebung Eigenschaften Verweise

BDX
Rufbereitschaft1

Schematyp =4) Arbeitszeit durch Ueberstunden ausgezahlt % , Ausfallberechnung =n/a , Fehlermarkierung sperren =Ja , Relevanz =2

Subscripted1 : 0 ="ANDI007" , 1 ="text 1"

Subscripted2

4) Arbeitszeit durch Ueberstunden ausgezahlt %
abc =n/a , cdf ="asdfgh1" , efg =Ja , hij =2
3) Arbeitszeit durch Ueberstunden gutgeschrieben %
abc =n/a , cdf ="hshshssh" , efg =Nein , hij =30

Subscripted3 : 3 ="text 3" , 4 ="text4"

Subscripted31 : 5 ="text 5" , 1 ="text 6"

Subscripted4

4) Arbeitszeit durch Ueberstunden ausgezahlt %
abc =n/a , cdf ="asdfgh1" , efg =Ja , hij =2
3) Arbeitszeit durch Ueberstunden gutgeschrieben %
abc =n/a , cdf ="hshshssh" , efg =Nein , hij =30

Subscripted41

4) Arbeitszeit durch Ueberstunden ausgezahlt %
abc =n/a , cdf ="asdfgh1" , efg =Ja , hij =2
3) Arbeitszeit durch Ueberstunden gutgeschrieben %
abc =n/a , cdf ="hshshssh" , efg =Nein , hij =30

Rufbereitschaft Pflege

BDY
Rufbereitschaft2

Schematyp =9) Arbeitszeit durch Ueberstunden gutgeschrieben % , Ausfallberechnung =n/a , Fehlermarkierung sperren =Ja , Relevanz =3

Rufbereitschaft Aerzte



END GENERATED

Schemaspezifikationen
Namensgebung Eigenschaften Verweise

BDX
Rufbereitschaft1

Schematyp =4) Arbeitszeit durch Ueberstunden ausgezahlt % , Ausfallberechnung =n/a , Fehlermarkierung sperren =Ja , Relevanz =2

Subscripted1 : 0 ="ANDI007" , 1 ="text 1"

Subscripted2

4) Arbeitszeit durch Ueberstunden ausgezahlt %
abc =n/a , cdf ="asdfgh1" , efg =Ja , hij =2
3) Arbeitszeit durch Ueberstunden gutgeschrieben %
abc =n/a , cdf ="hshshssh" , efg =Nein , hij =30

Subscripted3 : 3 ="text 3" , 4 ="text4"

Subscripted31 : 5 ="text 5" , 1 ="text 6"

Subscripted4

4) Arbeitszeit durch Ueberstunden ausgezahlt %
abc =n/a , cdf ="asdfgh1" , efg =Ja , hij =2
3) Arbeitszeit durch Ueberstunden gutgeschrieben %
abc =n/a , cdf ="hshshssh" , efg =Nein , hij =30

Subscripted41

4) Arbeitszeit durch Ueberstunden ausgezahlt %
abc =n/a , cdf ="asdfgh1" , efg =Ja , hij =2
3) Arbeitszeit durch Ueberstunden gutgeschrieben %
abc =n/a , cdf ="hshshssh" , efg =Nein , hij =30

Rufbereitschaft Pflege

BDY
Rufbereitschaft2

Schematyp =9) Arbeitszeit durch Ueberstunden gutgeschrieben % , Ausfallberechnung =n/a , Fehlermarkierung sperren =Ja , Relevanz =3

Rufbereitschaft Aerzte





NEXT

Schemaspezifikationen
Namensgebung Eigenschaften Verweise

BDX
Rufbereitschaft1

 Schematyp=4) Arbeitszeit durch Überstunden ausgezahlt %

Ausfallberechnung=0
Fehlermarkierung sperren=JA
Relevanz=2

 Rufbereitschaft Pflege

BDY
Rufbereitschaft2

 Schematyp=9) Arbeitszeit durch Überstunden gutgeschrieben %,

Ausfallberechnung=n/a, Fehlermarkierung sperren=JA, Relevanz=3

Rufbereitschaft Aerzte


Vorlage:Anker

Schemaspezifikationen
Namensgebung Eigenschaften Verweise
BDX
Rufbereitschaft1

Schematyp=2) Nachtdienst (3)
 'Ausfallberechnung=0 Fehlermarkierung sperren=JA
Relevanz=2

Andi-Testseite-Checkliste#RBD_Pflege
BDY
Rufbereitschaft2

Schematyp= 2) Nachtdienst
Ausfallberechnung=n/a
Fehlermarkierung sperren=JA
Relevanz=3

Andi-Testseite-Checkliste#RBD_Ärzte

Anker sind weit unten ..... 

Anker1 funktioniert
Anker2 in Tabelle funktioniert NICHT laut doku  Anker in Tabellen sollte er aber. Oder?

Anker Links

Hier ein Beispiel, wo diese Sprungziele innerhalb einer Tabelle stehen könnten;
springe zu #ganz_oben, #Ü-id, #K-id, #Sprungziel1, #Sprungziel2, #Sprungziel3, #Sprungziel4:


Dummy für Kundencheckliste Andi-Testseite-Checkliste

dfdsfasdf

Haus A Haus B
Wohnfläche 100 150
Gartenfläche 50 100
Gesamtfläche 150
Haus A Haus B
Wohnfläche 100 150
Gartenfläche 50 100
Gesamtfläche 150 250
Alle Angaben in Quadratmetern.
Alle Angaben in Quadratmetern.


Haus A Haus B
Wohnfläche 100 150
Gartenfläche 50 100
Gesamtfläche 150
Haus A Haus B
Wohnfläche 100 150
Gartenfläche 50 100
Gesamtfläche 150 250
Alle Angaben in Quadratmetern.
Alle Angaben in Quadratmetern.



asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf


asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf


asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf


asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf


asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf


asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf

EXPORT

Anker1, funktioniert


Überschrift (Ü-id)
Kopfzelle (K-id)
Zeile 1 Sprungziel 1
(mit ID
in Zeile)		 Inhalt
mit
Umbruch
Zeile 2 Sprungziel 2
(mit ID
in Zelle)		 Inhalt
mit
Umbruch
Zeile 3
(mit Anker-
Vorlage
in Zeile)		 Inhalt
mit
Umbruch
Zeile 4 Sprungziel 4
(mit Anker-
Vorlage
in Zelle)		 Inhalt mit
Umbruch,
man landet
mittendrin
(abhängig von
Zellenhöhe)
"Sprungziel4"


asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf


asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf


asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf


asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf


asdfdsfasd


dsfasdf


asdfdasfsf


sadfdsfdsf


asdffaf


sdfdsf


dfdsfasdf

dsfasdf

Abgerufen von „https://alexwiki.bitfactory.at/w/index.php?title=Andi-Testseite&oldid=78564“