Uma tabela pesquisável é o layout certo quando cards parecem sparse demais: listas de preços, bibliotecas de recursos, rosters de membership, inventários de SKU. Visitantes escaneiam colunas, digitam uma keyword e, se quiserem, filtram por categoria—sem abrir uma planilha.
Este passo a passo usa o widget Table do CMS for Harmony, que funciona no Editor, Studio e Harmony. O Wix nativo pode aproximar tabelas em alguns lugares, mas uma tabela CMS dedicada com search e filters costuma ser mais rápida de entregar.
Mais padrões de navegação: Guia Wix CMS.
O que você vai construir
| Peça | Escolha |
|---|---|
| Data | Collection tipo Resources (Title, Category, Format, Link, Updated) |
| Display | Widget Table |
| Findability | Search bar + filtro Category |
| Optional | Links de linha para páginas de item |
Quando usar table vs Repeater
| Prefira uma Table quando… | Prefira um Repeater quando… |
|---|---|
| Muitas colunas, escaneamento denso | Fotos e histórias curtas importam |
| Inventários e listas de recursos | Diretórios de marketing e portfólios |
| Comparar estilo planilha | Layouts de cards |
No CMS for Harmony, “cards” significa layout Repeater.
Passos
- Instale o CMS for Harmony e crie uma collection com as colunas que precisar.
- Adicione o widget Table a uma página.
- Conecte a collection, escolha campos como colunas e defina larguras (auto ou fixed).
- Abra Search & filters → ative Show search bar.
- Adicione filtros (Category, Format etc.) com Show filter. Use ranges para números ou datas se precisar.
- Opcionalmente adicione uma collection page nativa e linke linhas a URLs de item (how-to de Dynamic Pages).
- Publique. Teste busca, filtros e como a tabela rola no celular.
Referência de produto: Widget Table. Detalhes de filtros: Search & filters.
Exemplo: biblioteca de recursos
- Campos: Title, Category, File type, URL, Last updated.
- Mapeie esses campos para colunas.
- Busca em Title; filtro em Category e File type.
- Se também quiser uma vista de cards mais amigável em outro lugar, reutilize a mesma collection com um Repeater e filtros de categoria.