Built on WIX Headless

Widget Table

Muestra ítems de una colección CMS como una tabla con búsqueda y filtros en Wix Harmony con CMS for Harmony.

El widget Table muestra los ítems de la colección como columnas en una lista densa y fácil de escanear.

Qué puedes hacer

  • Data source — colección de Wix CMS, o External Database (Google Sheets, Pro); consulta External databases
  • AI setup — describe columnas, filtros y diseño en lenguaje natural; consulta AI setup
  • Mapear campos de la colección a columnas, incluido Color (swatch y/o hex)
  • Búsqueda y filtros (condiciones de coincidencia, rangos, filtros fijos Choose value, Dependent filters, Add as URL query params, campos Reference, swatches de Color)
  • Filters display: búsqueda y filtros arriba o en una barra lateral izquierda
  • Data refresh — Show refresh button y/o Auto-refresh para que los visitantes recarguen los datos más recientes de la colección (se pausa cuando la pestaña está oculta)
  • Scroll to top on page change — cuando los visitantes cambian de página en la paginación, desplaza la vista para que la parte superior del widget quede visible
  • Quick view — popup con campos extra del ítem desde clic en fila o una columna de botón dedicada
  • Columnas Reference y Multi-reference como etiquetas legibles: elige un Display field de la colección relacionada
  • Show timezone en columnas Date & time (abreviatura local del visitante)
  • Ordenación y layouts móviles
  • Anchos de columna personalizados (auto o fijo)
  • Vincular filas a Dynamic Pages (fila completa o una columna de enlace de texto) — solo Wix CMS
  • Columnas Image, Video y Media Gallery como miniaturas — los vídeos se abren en modal, se reproducen al hacer clic o en autoplay silenciado
  • Payments (Pro) — Add to cart / Buy now como columnas de acción cuando la colección tiene pagos de catálogo activados

Configuración

Usa AI setup en el panel para configurar el Table a partir de una descripción corta y luego afina en Manual. Detalles: AI setup.

  1. Añade Table desde Add → Elements → Installed Apps → CMS for Harmony (puedes añadirlo más de una vez).
  2. Conecta una colección — o configura Data source en External Database y elige una conexión de Google Sheets (Pro).
  3. Elige columnas y formato.
  4. Opcionalmente activa búsqueda/filtros, Data refresh, Scroll to top on page change, Quick view, enlaces a Dynamic Page (Wix CMS) y acciones de pago.

Data refresh

En Data refresh, activa Show refresh button y/o Auto-refresh para que los visitantes recarguen los datos más recientes de la colección. Auto-refresh se pausa cuando la pestaña está oculta. Un Form en la misma página con Update displays on this page también puede recargar este widget tras el envío cuando usa la misma colección.

Scroll to top on page change

Cuando la paginación está activa, habilita Scroll to top on page change para que Prev/Next desplace la página y mantenga visible la parte superior del widget.

Quick view

En la sección del panel Quick view (Wix CMS), activa el popup y elige qué campos mostrar. Ábrelo desde clic en fila, una columna de botón dedicada y/o una columna disparador. Tamaño, layout y navegación anterior/siguiente coinciden con el Quick view del Repeater.

Las tablas son ideales para inventarios, directorios y listas de estilo administración. Para grids de tarjetas, usa Repeater.