Hilfe:Tabellen/prettytable

Die Stildefinition zu class="prettytable" ist veraltet und ist bis 2008 ein Sonderweg der deutschsprachigen Wikipedia gewesen.

Sie ist inkompatibel mit der weltweit unterstützten class="wikitable" und fordert den Autoren zusätzlichen Lernaufwand beim Beachten der Besonderheiten ab. Sie wurde aus dem Artikelbestand und aktuellen Projektseiten eliminiert und diese Klasse darf auch nicht mehr neu eingefügt werden. Nur auf Benutzerseiten kann sie noch in der Desktop-Darstellung genutzt werden. Langfristig sollte die zusätzliche CSS-Definition, die beim entsprechenden Seitenaufbau bei jedem Benutzer zusätzlichen Lade- und Rechenaufwand verursacht, auch dort entfernt werden.

Mobil

Die veraltete Klasse „prettytable“ ist auf Mobilgeräten niemals eingeführt worden. Dementsprechend ist auf Mobilgeräten keine Vergleichsdarstellung innerhalb dieser Hilfeseite möglich, und bei der Aufbereitung anderer Seiten ist kein Vorher-Nachher-Vergleich möglich.

Anleitung zur Umstellung

In erster Linie ist nach Änderung des Klassennamens auf die Kopfzeilen zu achten. Hier könnte es bei der Hintergrundfarbe zu einem auffälligen Verlust kommen. Es ist deshalb vor dem Speichern zu überprüfen, ob durch eine Umstellung wesentliche Änderungen der Darstellung bewirkt würden.

Die Hintergrundfarbe der gesamten Kopfzeile kann nicht mehr über eine einzige explizite Farbangabe wie style="background:#FF80FF" eingestellt werden.
Wenn nichts angegeben wurde, werden Kopfzeilen minimal dunkler schattiert.
Der zweite Punkt – die automatische Standardschattierung – bewirkt den ersten – kein individueller Stil für alle Zellen gleichzeitig – und ist dann unvermeidlich.

Hintergrundfarbe der Kopfzeile

Eine besondere Farbe kann für die gesamte Zeile aus den Wikipedia-Hintergrundfarben ausgewählt werden mit:

|- class="hintergrundfarbe6"

Wenn aus inhaltlichen Gründen (Förster tannengrün, Seefahrer marineblau) keine der angebotenen Standardfarben passt, muss jede Zelle einzeln eingefärbt werden:

! style="background:#0000FF"|

Hintergrundfarbe einer inneren Zeile

Hier kann die gesamte Zeile beliebig eingefärbt werden mit

|- style="background:#FF80FF"

Textausrichtung in der Kopfzeile

Noch niemals wirksam gewesen war eine Zuweisung (linksbündig) für eine ganze Kopfzeile; es muss jedem Feld einzeln eine von der Zentrierung abweichende Spezifikation zugewiesen werden.

float

Wenn eine kleine Tabelle ähnlich einem Miniaturbild am rechten Rand erscheinen und vom Text umflossen werden soll, dann ist zu schreiben:

{| class="wikitable float-right"

Gleiches gilt für den seltener sinnvollen Fall linksbündiger Anordnung:

{| class="wikitable float-left"

Es sind dann keine weiteren Angaben zu Rändern und Abständen mehr erforderlich und sollten entfallen.

Das bisherige margin-right (das 3. 1em) wird jetzt zu 0.

Das könnte eine Wirkung haben, wenn float:left ohne Angabe eines rechten margin verwendet wird.

Andere Elemente

prettytable hätte im Prinzip auch für andere (umschließende) HTML-Elemente benutzt werden können; wikitable wirkt nur direkt auf Tabellen (wozu auch Infoboxen gehören). Da die Einzeldefinitionen aber ohnehin nur auf Tabellensyntax ansprechen, müsste eine Tabelle im Inneren eines Elements vorkommen.

Es ist kein einziger Fall einer solchen Anwendung bekanntgeworden.

Geringfügige Unterschiede bestehen hinsichtlich des padding (des Abstandes zwischen Textinhalt und Linien der Tabelle). Das sieht aber ohnehin bei jedem Benutzer je nach dessen Schriftart, Schriftgröße, Endgerät und Grundeinstellungen des Browsers leicht anders aus.

Anhang – Unterschiede im Detail

Die nachstehenden Informationen sind für die Bearbeiter von Seiten nicht relevant und lediglich Hintergrundinformation. Sie dokumentieren außerdem für spätere Zeiten die Situation der 2010er Jahre, wenn die damaligen Definitionen längst gelöscht sein werden.

prettytable

wikitable

CSS-Definition

prettytableLegacy

resources/src/mediawiki.skinning/content.tables.less

.prettytable {
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
	border-collapse: collapse;
	color: black;
	margin: 1em 0;
}

table.prettytable > * > tr > th,
table.prettytable > * > tr > td {
	border: 1px solid #a2a9b1;
	padding: .2em .4em;
}

table.prettytable > * > tr > th {
	/* background-color: #EAECF0; */
	text-align: center;
}

table.prettytable > caption {
	font-weight: bold;
}

.wikitable {
   background-color: #f8f9fa;
   color: #222;
   margin: 1em 0;
   border: 1px solid #a2a9b1;
   border-collapse: collapse;
}
.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
   border: 1px solid #a2a9b1;
   padding: 0.2em 0.4em;
}
.wikitable > tr > th,
.wikitable > * > tr > th {
   background-color: #EAECF0;
   text-align: center;
}
.wikitable > caption {
   font-weight: bold;
}

Wirkung

prettytable
Per class gefärbte Kopfzeile
Per class gefärbtes Kopfelement
Per class gefärbte Datenzeile
Per class gefärbtes Datenfeld
Per style gefärbte Kopfzeile
Per style gefärbtes Kopfelement
Per style gefärbte Datenzeile
Per style gefärbtes Datenfeld

wikitable
Per class gefärbte Kopfzeile
Per class gefärbtes Kopfelement
Per class gefärbte Datenzeile
Per class gefärbtes Datenfeld
Per style gefärbte Kopfzeile
Per style gefärbtes Kopfelement
Per style gefärbte Datenzeile
Per style gefärbtes Datenfeld

Weitere Informationen

Wikipedia:Technik/Skin/Gadgets/prettytableLegacy – Unterstützung für den BNR
Vorlage:Tabellenstile – enthält ebenso die Definition der prettytable-Klasse, zum Zweck der seitenbezogenen Aktivierung
Wikipedia:Technik/Baustellen/prettytable und wikitable – Ablauf der Migration im Verlauf der 2010er Jahre