Built on WIX Headless

Docs Widgets Widget Table

Widget Table

Mostre itens de uma coleção CMS como uma tabela pesquisável e filtrável no Wix Harmony com o CMS for Harmony.

O widget Table renderiza itens da coleção como colunas em uma lista densa e fácil de percorrer.

O que você pode fazer

  • Data source — coleção do Wix CMS, ou External Database (Google Sheets, Pro); consulte External databases
  • AI setup — descreva colunas, filtros e design em linguagem simples; veja AI setup
  • Mapear campos da coleção para colunas, incluindo Color (swatch e/ou hex)
  • Busca e filtros (condições de correspondência, intervalos, filtros fixos Choose value, Dependent filters, Add as URL query params, campos Reference, Color swatches)
  • Filters display: busca e filtros no topo ou em uma barra lateral esquerda
  • Data refresh — Show refresh button e/ou Auto-refresh para que visitantes recarreguem os dados mais recentes da coleção (pausa quando a aba está oculta)
  • Scroll to top on page change — quando visitantes mudam de página na paginação, rola a visualização para que o topo do widget fique visível
  • Quick view — popup com campos extras do item a partir de clique na linha ou de uma coluna de botão dedicada
  • Colunas Reference e Multi-reference como rótulos legíveis — escolha um Display field da coleção relacionada
  • Show timezone em colunas Date & time (abreviação local do visitante)
  • Ordenação e layouts mobile
  • Larguras de coluna personalizadas (automática ou fixa)
  • Vincular linhas a Dynamic Pages (linha inteira ou uma coluna de link de texto) — somente Wix CMS
  • Colunas Image, Video e Media Gallery como miniaturas — vídeos abrem em modal, reproduzem ao clicar ou em autoplay silenciado
  • Payments (Pro) — Add to cart / Buy now como colunas de ação quando a coleção tem pagamentos de catálogo ativados

Configuração

Use AI setup no painel para configurar o Table a partir de uma descrição curta e depois refine no Manual. Detalhes: AI setup.

  1. Adicione Table em Add → Elements → Installed Apps → CMS for Harmony (você pode adicioná-lo mais de uma vez).
  2. Conecte uma coleção — ou defina Data source como External Database e escolha uma conexão do Google Sheets (Pro).
  3. Escolha colunas e formatação.
  4. Opcionalmente ative busca/filtros, Data refresh, Scroll to top on page change, Quick view, links para Dynamic Page (Wix CMS) e ações de pagamento.

Data refresh

Em Data refresh, ative Show refresh button e/ou Auto-refresh para que visitantes recarreguem os dados mais recentes da coleção. Auto-refresh pausa quando a aba está oculta. Um Form na mesma página com Update displays on this page também pode recarregar este widget após o envio quando usa a mesma coleção.

Scroll to top on page change

Com a paginação ativa, habilite Scroll to top on page change para que Prev/Next role a página e mantenha o topo do widget visível.

Quick view

Na seção do painel Quick view (Wix CMS), ative o popup e escolha quais campos mostrar. Abra a partir de clique na linha, coluna de botão dedicada e/ou coluna gatilho. Tamanho, layout e navegação anterior/próximo correspondem ao Quick view do Repeater.

Tabelas são ideais para inventários, diretórios e listas no estilo admin. Para grades de cards, use Repeater.