Você pode encontrar um bloco de tabela na categoria "Columns" (Colunas) da Biblioteca de blocos (CL46).
1
Colunas, linhas e cabeçalho
As tabelas consistem em linhas e colunas. As colunas são divididas pelo símbolo de ponto e vírgula (;). As linhas são divididas por quebras de linha (o botão "Enter").
Exemplo de dados do cabeçalho:
Time;Class Type;Teacher
Exemplo de dados do corpo:
08:00;Hatha Yoga;Nick Avery
10:30;Pilates;Nora Johnson
13:00;Aerobics;Tom Barry
Time;Class Type;Teacher
Exemplo de dados do corpo:
08:00;Hatha Yoga;Nick Avery
10:30;Pilates;Nora Johnson
13:00;Aerobics;Tom Barry
2
Largura e altura
Você pode ajustar a largura geral da tabela no painel Settings (Configurações) do bloco, por exemplo, pode especificar o número de colunas e o recuo à esquerda.
Você pode ajustar a largura das colunas no painel Content (Conteúdo) do bloco no respectivo campo, na parte inferior do painel. O total de todos os números deve ser igual a 100. Se você deixar o campo vazio, as colunas terão a mesma largura.
Você pode ajustar a largura das colunas no painel Content (Conteúdo) do bloco no respectivo campo, na parte inferior do painel. O total de todos os números deve ser igual a 100. Se você deixar o campo vazio, as colunas terão a mesma largura.
Exemplo de configuração de largura:
50%;20%;30%
50%;20%;30%
3
Links e botões
Você pode adicionar um link e um botão ao texto da célula. Basta adicionar "link=http://mylink.com" ou "button=http://mylink.com", e o conteúdo de toda a célula se tornará um link ou botão.
Exemplo de link:
Ticket;$100;Learn more link=http://tilda.cc
Exemplo de botão:
Ticket;$100;Learn more button=http://tilda.cc
Ticket;$100;Learn more link=http://tilda.cc
Exemplo de botão:
Ticket;$100;Learn more button=http://tilda.cc
Se quiser abrir os links em uma nova guia (e não na guia atual), acesse o painel Settings (Configurações) do bloco → Whole Table (Tabela inteira) e marque a caixa de seleção "Open links in new tab" (Abrir links em nova guia).
4
Versão para celular
Há duas opções para a exibição de tabelas em celulares:
1. A tabela mantém seu tamanho original, estendendo-se, portanto, além da borda da tela do celular.
2. A tabela é redimensionada para se ajustar à largura da tela.
1. A tabela mantém seu tamanho original, estendendo-se, portanto, além da borda da tela do celular.
2. A tabela é redimensionada para se ajustar à largura da tela.
5
Exemplos
Configurações: Scale (escala): 1, Cor da borda da cabeça: #000000, Cor da borda: #d9d9d9, Cor de fundo da linha ímpar: #ffffff, Cor de fundo da linha par: #eeeeee, Caixa de seleção selecionada: "Ocultar a borda superior do cabeçalho".
Configurações: Scale: 2, Head text color: #ffffff, Cor da borda do cabeçalho: #ff8562, Cor de fundo do cabeçalho: #ff8562, Cor da borda: #d9d9d9, Cor de fundo da linha ímpar: #ffffff, Cor de fundo da linha par: #ffffff, Caixa de seleção selecionada: "Habilitar a alteração da largura da tabela em dispositivos móveis".
