Responsivere WordPress-Tabellen mit wiederholten Kopfzeilen

WordPress-Tabellen sind ein zweischneidiges Schwert, trotz der Fortschritte von WordPress über die Jahre. Sie sind die perfekten Kandidaten, um Daten zu präsentieren, aber ungünstig, um eine Geschichte zu erzählen. Wenn Sie denken, dass das nicht schlimm genug ist, warten Sie, bis Sie von Smartphones und Tablets hören: Geräte, auf denen Sie noch weniger Platz haben, um Daten anzuzeigen. Es gibt einige Nachteile von Tabellen, mit denen Sie leben müssen, aber Responsivität gehört nicht dazu.

Das letzte große Update für 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 responsiven Modus und neue Optionen hinzufügt, mit denen du responsive Tabellen und ihr Verhalten anpassen kannst: wiederholte Kopfzeilen.

Responsive Tabellen mit wiederholten Kopfzeilen

Was passiert, wenn nicht genügend Platz vorhanden ist, um eine Tabelle anzuzeigen? Im vorherigen Update hat WP Table Manager Ihnen zwei responsive Optionen geboten: das Hinzufügen einer Bildlaufleiste und das Ausblenden von Spalten. Diese beiden Modi haben ihre Anwendungsbereiche, aber wenn Sie horizontales Scrollen oder das Ausblenden von Daten vermeiden möchten, könnte der neue dritte Modus genau das Richtige für Sie sein: wiederholte Kopfzeilen.

Der responsive Modus mit wiederholten Kopfzeilen verwendet, wie alle anderen Modi, standardmäßig eine normale Tabelle, wenn ausreichend Platz vorhanden ist, beispielsweise auf einem Desktop-Gerät wie einem Computer oder Laptop. Wenn nicht genügend Platz vorhanden ist, wird sie zu einer einfacheren Tabelle mit zwei Spalten zusammengeklappt: der Tabellenkopfzeile und dem Wert der Zeile.

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

Dank dieses einfachen responsiven Verhaltens können Sie im Tabellenmodus mit wiederholten Kopfzeilen so viele Daten zu Ihren Tabellen 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.

Responsive Tabellen im Modus mit wiederholten Kopfzeilen anpassen

Sie können den Modus für wiederholte Kopfzeilen wählen, wenn Sie eine Tabelle bearbeiten: Wählen Sie responsive Optionen aus dem Menü Format und suchen Sie dann im ersten Dropdown-Menü nach dem Modus wiederholte Kopfzeile . Sie können die Tabelle mit wiederholten Kopfzeilen auch auf zwei Arten anpassen: den responsiven Breakpoint und die responsive maximale Höhe.

Der responsive Breakpoint ist die Breite, unterhalb derer das WordPress-Tabellenmanager-Plugin die Tabelle nicht mehr wie gewohnt darstellt und stattdessen in den responsiven Modus mit wiederholten Kopfzeilen wechselt. Sie können diesen Wert anhand Ihres WordPress-Themes und der Anzahl Ihrer Spalten schätzen: Wenn Sie der Meinung sind, dass die Tabelle unterhalb einer bestimmten Breite nicht mehr passt, verwenden Sie diese als Breakpoint.

Wenn Sie viele Zeilen oder viele Spalten haben, kann der Modus mit wiederholten Kopfzeilen eine sehr lange Seite erzeugen. Die responsive maximale Höhe behebt dieses Problem, indem sie die Höhe der Tabelle mit wiederholten Kopfzeilen im responsiven Modus begrenzt. Wenn die responsive Tabelle zu lang ist, können Ihre WordPress-Leser wie gewohnt eine Bildlaufleiste verwenden, um weitere Daten anzuzeigen.

Es gibt keine Wunderlösung für responsive Tabellen, aber der Modus für wiederholte Kopfzeilen für WordPress-Tabellen kommt dem sehr nahe. Ob Sie eine kleine Tabelle oder eine große Tabelle mit vielen Zeilen und Spalten haben, der neue Modus für wiederholte Kopfzeilen von WP Table Managerstellt sicher, dass Ihre Daten immer passen, egal auf welchem Gerät.