Kostenloses Elementortabellen-Widget
Elementor hat kein eigenes Tabellen-Widget, in der kostenlosen oder der Pro-Version Dynamic Table ist ein kostenloses Master Addons Widget, das diese Lücke füllt: Sie fügen Header-Zellen und Körperzellen im Elementor-Panel hinzu, und es erstellt eine echte HTML-Tabelle, die Sie ohne Code stylen können Zellen können Text, ein Symbol oder ein Bild halten, über Spalten oder Zeilen zusammenführen und Werte aus dynamischen Tags ziehen Es wird häufig für Zeitpläne, Datenblätter, Preislisten und Verzeichnisse verwendet.
Erstellen Sie Zeilen und Spalten im Panel
Die Tabelle stammt von zwei Repeatern. Tischkopfzelle Ein Element pro Spalte enthält und Tischkörperzelle Hält jede Zelle in Lesereihenfolge, mit einem Neue Reihe? Schalter, der die nächste Zeile startet Sie können Elemente ziehen, um sie neu zu ordnen, eine Zelle zu duplizieren oder die Kopfzeile mit der auszublenden Tischkopf Schalter.
- Zusammengeführte Zellen: Spaltenspannweite auf Kopf- und Körperzellen und Zeilenspannweite auf Körperzellen.
- Spaltenbreite: Schalten Sie die benutzerdefinierte Breite in der Registerkarte Optionen einer Zelle ein, um deren Breite festzulegen.
- Textoptionen pro Zelle: Ausrichtung (links, in der Mitte, rechts oder rechtfertigen) und Dekoration (unterstreichen, überstreichen oder durchstreichen).
Header und Body Styling
Tischkopfstil Legt den Kopfhintergrund (standardmäßig dunkelmarine), die Textfarbe, die Symbolgröße und -farbe, die Ausrichtung, die Typografie und die Polsterung der inneren Zelle fest. Tischkörper Verfügt über die gleichen Steuerelemente für die Datenzellen sowie über eine Auffüllung um Symbole.
- Kopfzeile: Hintergrund, Text - und Symbolfarben, Symbolgröße, Ausrichtung, Typografie und Zellpolsterung.
- Körper: Hintergrund, Text - und Symbolfarben, Symbolgröße und - polsterung, Ausrichtung, Typografie und Zellpolsterung.
- Ausrichtung pro Gerät: Die Ausrichtung von Kopf und Körper kann sich auf Tablet und Mobilgerät ändern.
Text, Symbole, Bilder und dynamische Tags in Zellen
Jede Kopf - und Körperzelle hat eine Typ Option: Keine, Symbol oder Bild Symbole stammen aus der Elementor-Symbolbibliothek, und Bilder erhalten eine Bildgröße in Pixeln Die Textfelder akzeptieren dynamische Tags, einschließlich der aus dem kostenlosen Dynamische Tags Erweiterung, so kann eine Zelle einen Beitragstitel, ein benutzerdefiniertes Feld oder Autorendetails anzeigen Jeder Tag füllt eine Zelle Das Widget durchläuft keine Posts, um Zeilen für Sie zu erstellen.
- Symbole als Häkchen: Verwenden Sie ein Häkchen- oder Kreuzsymbol in Plan- oder Feature-Vergleichen.
- Kleine Bilder: Fügen Sie neben einem Namen ein Foto oder Logo hinzu, das in Pixeln dimensioniert ist.
- Dynamische Tags: Ziehen Sie einzelne Werte wie den Beitragstitel oder ein benutzerdefiniertes Feld.
Globaler Stil: Streifen, Grenzen und Ecken
Globaler Stil Tische für die ganze Tabelle gilt. Gestreifter Tisch? Ist standardmäßig mit einer hellgrauen (#eee) Streifenfarbe aktiviert, die Sie ändern können. Sie legen außerdem eine Tabelle fest. Hintergrundfarbe, Innenzellenpolsterung, einen Rand mit Typ, Breite und Farbe sowie Randradius für abgerundete Ecken.
- Zebrareihen: Streifen Sie lange Tische weiter, damit die Zeilen leicht zu befolgen sind.
- Grenzen: Feste, gestrichelte, gepunktete oder doppelte Linien um die Zellen.
- Abgerundete Ecken: Border Radius macht den Tischrand weicher.
HTML-Tabellencode vs. Dynamic Table Widget
Ohne Tabellen-Widget ist es in Elementor üblich, eine Tabelle hinzuzufügen, indem man das HTML selbst in ein HTML-Widget schreibt. So steht das im Vergleich zum Widget.
| Merkmal | HTML-Widget mit eigenem Code | Dynamischer Master-Addons-Tisch |
|---|---|---|
| Preis | Frei (Elementorkern) | Kostenlos |
| Gebäudezeilen und Spalten | Tabelle, tr - und td-Tags schreiben | Wiederholerartikel im Panel |
| Styling | Ein eigenes CSS | Registerkartensteuerungen für den Stil |
| Zusammengeführte Zellen | Attribute colspan und rowspan | Felder Spaltenspannweite und Zeilenspannweite |
| Symbole und Bilder in Zellen | Fügen Sie das Markup ein | Symbolbibliothek oder Mediathek |
| Dynamische Tags | Nein | Ja, ein Wert pro Zelle |
| Telefonlayout | Eigene Medienabfragen | Reihen stapeln sich in Karten |
| Sortieren, Suchen, CSV-Import | Benötigt ein Skript oder Plugin | Nein |
Wenn Sie Sortierung, Suche, Paginierung oder CSV-Import benötigen, ist ein dediziertes Tabellen-Plugin wie TablePress die bessere Wahl. Für eine gestylte Tabelle, die Sie innerhalb von Elementor bearbeiten, spart Ihnen das Widget das Schreiben von HTML und CSS.
Verwandte: Preistabelle (kostenlos), Vergleichstabelle (Pro) und Dynamische Tags (kostenlos) bezeichnet.
So erstellen Sie eine Tabelle in Elementor
Im Elementor-Panel heißt das Widget Dynamic Table.
- Installieren Sie Master Addons für Elementor und überprüfen Sie das Dynamische Tabelle In den Einstellungen des Master Addons Widgets eingeschaltet ist.
- Bearbeiten Sie Ihre Seite mit Elementor, suchen Sie nach Dynamische Tabelle Und ziehen Sie es hinein Es beginnt mit einer Beispiel-Vierspaltentabelle.
- In TischkopfFügen Sie eins hinzu Tischkopfzelle pro Spalte und Typ jeweils Spaltenname.
- In TischkörperFügen Sie von links nach rechts ein Element pro Zelle hinzu. Einschalten Neue Reihe? Auf der ersten Zelle jeder Reihe nach der ersten.
- Verwenden Spaltenspannweite oder Reihenspannweite In der Registerkarte Optionen einer Zelle zum Zusammenführen von Zellen.
- Stylen Sie den Tisch im Style-Tab und lassen Sie ihn Responsive Table? Auf so Zeilen stapeln auf Telefonen, dann aktualisieren Sie die Seite.
Häufig gestellte Fragen für Dynamic Table
Gibt es ein Tabellen-Widget in Elementor?
Nicht in Elementor selbst, kostenlos oder Pro. Master Addons fügt kostenlos eines hinzu: Das Dynamic Table-Widget erstellt die Tabelle aus Header- und Body-Zellen im Panel.
Ist der Tisch auf Mobilgeräten responsive?
Ja, mit Responsive Table? eingeschaltet, was die Voreinstellung ist Auf Geräten mit einer Breite von bis zu 768 px stapelt jede Zeile in eine Karte und jede Zelle zeigt ihren Spaltennamen als Beschriftung an Schalten Sie sie aus, um das normale Tabellenlayout auf Telefonen beizubehalten.
Kann ich dynamische Daten in den Zellen verwenden?
Ja, ein Wert pro Zelle Header und Fließtext akzeptieren dynamische Tags, einschließlich der kostenlosen Master Addons Dynamic Tags wie Post-Titel, benutzerdefiniertes Feld und Autoreninfo. Das Widget erstellt nicht für jeden Beitrag eine Zeile, sodass jede Zeile immer noch von Hand erstellt wird.
Was passiert, wenn ich in einer Zelle sehr langen Text hinzufüge?
Der Text wickelt sich in die Zelle ein Schalten Sie die benutzerdefinierte Breite auf der Registerkarte Optionen der Zelle ein, um die Spaltenbreite zu fixieren, und erhöhen Sie die Polsterung der inneren Zelle, wenn sich die Zeilen eng anfühlen.
Kann ich eine Spalte hervorheben, wie ein beliebter Plan?
Nicht mit einer einzigen Einstellung Farben gelten für den ganzen Header oder den ganzen Körper Bei Plantabellen gilt die Preistabelle Widget (kostenlos) verfügt über eine Highlight-Option und die Vergleichstabelle Widget (Pro) ist für Planvergleiche erstellt.
Kann ich eine CSV in die Tabelle sortieren, suchen oder importieren?
Nein. Das Widget hat keine Sortierung, Suche, Paginierung oder CSV-Import. Verwenden Sie für diese ein Datentabellen-Plugin wie TablePress und platzieren Sie seinen Shortcode auf der Seite.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
![Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post-/Seitenduplikator
