Reaktionsschnellere WordPress-Tabellen mit wiederholten Headern

WordPress-Tabellen sind trotz des Fortschritts von WordPress im Laufe der Jahre ein zweischneidiges Schwert. Sie sind die perfekten Kandidaten, um Daten zu präsentieren, aber ungünstig, um eine Geschichte zu erzählen. Wenn Sie der Meinung sind, dass dies nicht schlimm genug ist, warten Sie, bis Sie etwas über Smartphones und Tablets erfahren: Geräte, auf denen Sie noch weniger Platz zum Anzeigen von Daten haben. Es gibt einige Tischnachteile, mit denen man leben lernen muss, aber Reaktionsfähigkeit gehört nicht dazu.

Das letzte große Update des WP Table Manager führte ein neues responsives Design für Tabellen mit zusätzlichen responsiven Optionen ein. Jetzt gibt es eine neuere und bessere Version des WordPress-Tabellenmanagers, die einen neuen Responsive-Modus und neue Optionen hinzufügt, mit denen Sie Responsive-Tabellen und ihr Verhalten anpassen können: wiederholte Überschriften.

Responsive Tabellen mit wiederholten Headern

Was passiert, wenn nicht genügend Platz zum Anzeigen einer Tabelle vorhanden ist? Im vorherigen Update WP Table Manager zwei Reaktionsoptionen: das Hinzufügen einer Bildlaufleiste und das Ausblenden von Spalten. Diese beiden Modi haben ihre Anwendungen, aber wenn Sie horizontales Scrollen oder das Ausblenden von Daten vermeiden möchten, ist der neue dritte Modus möglicherweise genau das Richtige für Sie: wiederholte Kopfzeilen.

Der Reaktionsmodus für wiederholte Header verwendet wie alle anderen Modi standardmäßig eine normale Tabelle, wenn genügend Platz vorhanden ist, beispielsweise auf einem Desktop-Gerät wie Computern oder Laptops. Wenn nicht genügend Platz vorhanden ist, wird die Tabelle auf eine einfachere Tabelle mit zwei Spalten reduziert: dem Tabellenkopf und dem Zeilenwert.

In der Praxis bedeutet dies, dass bei vier Spalten in einer Tabelle jede Zeile in der Originaltabelle in der responsiven Version als vier neue Zeilen dargestellt wird. Jede neue Zeile enthält nur die ursprüngliche Kopfzeile und ihren Datenwert. Dieses Schema gilt für jede Zeile in der Originaltabelle, sodass neben den Datenwerten immer eine wiederholte Kopfzeile vorhanden ist.

Dank dieses einfachen Reaktionsverhaltens können Sie im Tabellenmodus für wiederholte Header so viele Daten hinzufügen, wie Sie möchten, ohne sich jemals Gedanken darüber machen zu müssen, wie sie auf Mobiltelefonen und Tablets aussehen werden. Darüber hinaus verwendet WP Table Manager abwechselnde Farben für Zeilen auf kleineren Geräten: Jede Zeile in der Originaltabelle erhält eine andere Farbe, wodurch der Kontext erhalten bleibt und Ihre WordPress-Leser zwischen Datensätzen unterscheiden können.

Anpassen responsiver Tabellen im Modus für wiederholte Header

Sie können den wiederholten Header Modus wählen wenn eine Tabelle Bearbeitung: wählen ansprechende Optionen aus dem Format Menü, und dann für den Blick wiederholte Header Modus aus dem ersten Dropdown Menü. Sie können die Tabelle mit wiederholten Headern auch auf zwei Arten anpassen: den reaktionsfähigen Haltepunkt und die reaktionsschnelle maximale Höhe.

Der reaktionsfähige Haltepunkt ist die Breite, unter der das WordPress-Tabellenmanager-Plugin das Rendern der Tabelle wie gewohnt beendet und stattdessen in den reaktionsschnellen, wiederholten Header-Modus wechselt. Sie können diesen Wert basierend auf Ihrem WordPress-Design und der Anzahl Ihrer Spalten schätzen: Wenn Sie der Meinung sind, dass die Tabelle nicht unter eine bestimmte Breite passt, verwenden Sie sie als Haltepunkt.

Wenn Sie viele Zeilen oder Spalten haben, ist es möglich, dass der Modus mit wiederholten Kopfzeilen eine sehr lange Seite erstellt. Die reaktionsfähige maximale Höhe löst dieses Problem, indem sie die Höhe der Tabelle mit wiederholten Headern im reaktionsfähigen Modus begrenzt. Wenn die responsive Tabelle zu lang ist, können Ihre WordPress-Leser wie gewohnt über eine Bildlaufleiste weitere Daten anzeigen.

Es gibt kein Wundermittel für reaktionsfähige Tabellen, aber der wiederholte Header-Modus für WordPress-Tabellen kommt dem nahe. Unabhängig davon, ob Sie eine kleine Tabelle oder eine große Tabelle mit vielen Zeilen und Spalten haben, stellt der neue Modus für wiederholte Kopfzeilen von WP Table Manager sicher, dass Ihre Daten unabhängig vom Gerät immer passen.