O widget de tabela permite exibir dados de texto em um layout de tabela com linhas e colunas. Adicione conteúdo à tabela copiando e colando uma tabela existente, usando o editor ou carregando um CSV.
Para isso:
- No painel esquerdo, clique em widget.
- Clique e arraste o widget Tabela para o seu site.
Veja mais informações sobre como adicionar widgets ao seu site em Adicionar widgets.
Editor de Conteúdo
Adicione dados à sua tabela de três maneiras:
- Digitando no editor.
- Copiando e colando uma tabela existente.
- Carregando um CSV.
Use Limpar tudo para limpar todos os dados da sua tabela.
Editor de Design
- O editor de design personaliza a margem da tabela, a barra de título, a cor do plano de fundo e o estilo do texto do cabeçalho, das linhas e da primeira coluna. Você também pode personalizar a direção e o alinhamento do texto em toda a tabela, mas não em células específicas.
- A primeira coluna pode ser personalizada para ter sua própria cor de fundo, tipo de fonte, tamanho e cor.
- As cores de linhas pares e ímpares também podem ser personalizadas para facilitar a leitura dos dados.
- A largura da coluna pode ser definida como igual ou ser baseada na largura do título. No caso, as colunas poderão não ser iguais.
No celular, você pode selecionar uma das seguintes exibições:
- Squish: Recomendado para quando há de 2 a 3 colunas, ajustando o conteúdo de acordo com a largura da tela.
- Folheto. Esta é a melhor opção quando há muitas colunas. Também é possível redimensionar o widget e exibir uma rolagem vertical no caso de tabelas muito longas.
- Recolher: Outra maneira detalhada de apresentar seus dados. Recomendamos não escolher esse layout quando há muitas linhas.
Exemplos
Ingredientes alimentares:
Lista de contatos:
Tabela de preços:
Tabela de sabores:
Adicione dados vinculados
Você pode mostrar os dados de uma coleção em um widget Tabela. Esse widget pode vincular qualquer tipo de coleção: interna, externa, Planilhas Google, Airtable ou imagens. Por usar modelos vinculados, as tabelas vinculadas agilizam a criação de sites. Você também edita dados diretamente no Planilhas Google ou no Airtable, em vez de usar o editor de conteúdo do widget Tabela.
Se houver uma página dinâmica vinculada à mesma coleção da tabela, a página dinâmica será automaticamente vinculada à tabela. Clicar na linha leva você ao item de página dinâmica.
As tabelas vinculadas aceitam os seguintes tipos de campo:
-
Rich Text
-
Texto sem formatação
-
Imagem
-
Link
-
Número
-
Data e horário
-
E-mail
-
Seleção múltipla
-
Telefone
Widget Vincular tabela
Para vincular o widget Tabela a uma coleção:
-
Clique com o botão direito no widget Tabela.
-
No menu de contexto, clique em Vincular dados.
-
Selecione uma coleção no menu suspenso.
-
Selecione os campos obrigatórios no menu suspenso Campos a aparecerem. As colunas ficarão na ordem em que foram selecionadas.
-
Clique em Concluir.
Após vincular os dados contidos na Biblioteca de Conteúdo, o widget de tabela será marcado com o ícone azul Dados Vinculados ().