Built on WIX Headless

Table-Widget

Zeigen Sie CMS-Collection-Items als durchsuchbare, filterbare Tabelle auf Wix Harmony mit CMS for Harmony.

Das Table-Widget rendert Collection-Items als Spalten in einer dichten, gut scannbaren Liste.

Was Sie tun können

  • Data source — Wix-CMS-Collection oder External Database (Google Sheets, Pro); siehe External databases
  • AI setup — Spalten, Filter und Design in Alltagssprache beschreiben; siehe AI setup
  • Collection-Felder Spalten zuordnen, einschließlich Color (Swatch und/oder HEX)
  • Suche und Filter (Match-Bedingungen, Bereiche, feste Choose-value-Filter, Dependent filters, Add as URL query params, Reference-Felder, Color-Swatches)
  • Filters display: Suche und Filter oben oder in einer linken Seitenleiste
  • Data refresh — Show refresh button und/oder Auto-refresh, damit Besucher die neuesten Collection-Daten neu laden können (pausiert, wenn der Tab ausgeblendet ist)
  • Scroll to top on page change — wenn Besucher die Seitennummerierung wechseln, scrollt die Ansicht, sodass der obere Rand des Widgets sichtbar ist
  • Quick view — Popup mit zusätzlichen Item-Feldern per Zeilenklick oder eigener Button-Spalte
  • Reference- und Multi-reference-Spalten als lesbare Labels — wählen Sie ein Display field aus der verknüpften Collection
  • Show timezone bei Date-&-time-Spalten (lokale Abkürzung des Besuchers)
  • Sortierung und mobile Layouts
  • Benutzerdefinierte Spaltenbreiten (auto oder fest)
  • Zeilen mit Dynamic Pages verknüpfen (ganze Zeile oder eine Textlink-Spalte) — nur Wix CMS
  • Image-, Video- und Media-Gallery-Spalten als Thumbnails — Videos öffnen im Modal, spielen per Klick oder stumm automatisch ab
  • Payments (Pro) — Add to cart / Buy now als Aktionsspalten, wenn die Collection Katalogzahlungen aktiviert hat

Einrichtung

Nutzen Sie AI setup im Panel, um die Table aus einer kurzen Beschreibung zu konfigurieren, und verfeinern Sie danach in Manual. Details: AI setup.

  1. Fügen Sie Table über Add → Elements → Installed Apps → CMS for Harmony hinzu (auch mehrfach möglich).
  2. Verbinden Sie eine Collection — oder setzen Sie Data source auf External Database und wählen Sie eine Google-Sheets-Verbindung (Pro).
  3. Wählen Sie Spalten und Formatierung.
  4. Aktivieren Sie optional Suche/Filter, Data refresh, Scroll to top on page change, Quick view, Dynamic-Page-Links (Wix CMS) und Zahlungsaktionen.

Data refresh

In Data refresh schalten Sie Show refresh button und/oder Auto-refresh ein, damit Besucher die neuesten Collection-Daten neu laden können. Auto-refresh pausiert, wenn der Tab ausgeblendet ist. Ein Form auf derselben Seite mit Update displays on this page kann dieses Widget nach dem Absenden ebenfalls neu laden, wenn dieselbe Collection genutzt wird.

Scroll to top on page change

Wenn Pagination aktiv ist, aktivieren Sie Scroll to top on page change, damit Prev/Next die Seite scrollt und der obere Rand des Widgets sichtbar bleibt.

Quick view

Im Panel-Abschnitt Quick view (Wix CMS) aktivieren Sie das Popup und wählen Sie die anzuzeigenden Felder. Öffnen per Zeilenklick, eigener Button-Spalte und/oder Trigger-Spalte. Größe, Layout und Zurück/Weiter-Navigation entsprechen dem Repeater Quick view.

Tabellen eignen sich ideal für Inventare, Verzeichnisse und adminartige Listen. Für Kartenraster nutzen Sie Repeater.