Como adicionar a tabela no texto de um bloco padrão.
Mais informações
Adicionando uma tabela usando o bloco CL46
Você pode encontrar um bloco de tabela na categoria "Columns" (Colunas) da Biblioteca de blocos (CL46).
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
Largura e altura
Você pode ajustar a largura geral da tabela no painel Configurações do bloco, por exemplo, você pode especificar o número de colunas e o recuo à esquerda.
Você pode ajustar a largura das colunas no painel Conteúdo do bloco, no campo respectivo na parte inferior do painel. Ela é indicada em porcentagem. O total de todos os números deve ser igual a 100. Se você deixar o campo em branco, as colunas terão a mesma largura.
Exemplo de configuração de largura:
50%;20%;30%
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
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).
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.
Para que a tabela se ajuste à largura da tela, você precisa marcar a caixa de seleção “Ativar alteração da largura da tabela em dispositivos móveis” nas configurações.
Dica: permita a alteração da largura em dispositivos móveis para tabelas com poucas colunas (por exemplo, 2-3) e pouco conteúdo (figuras, frases concisas).
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".
Adicionando uma tabela no editor de texto do bloco
Você pode adicionar uma tabela usando o editor de texto em bloco de:
Bloco TX24 "Artigo" da categoria "Bloco de texto" da biblioteca de blocos
Vamos ver como adicionar uma tabela usando o bloco TX24 como exemplo.
Clique no botão “Editor de blocos” para entrar no modo de edição de blocos.
Para adicionar uma tabela, clique no ícone de mais à esquerda do conteúdo e selecione o elemento “Tabela”.
Para editar a tabela, abra o menu de ações clicando nos três pontos — aqui você pode selecionar a cor da borda, o raio do canto da tabela, alinhar a tabela pela largura, mover, excluir ou duplicar a tabela.
Ao clicar no botão com três pontos que aparece ao passar o mouse sobre a borda esquerda de uma linha da tabela, você pode especificar a cor do texto ou a cor de fundo da linha, adicionar uma nova linha acima ou abaixo ou excluir uma linha. Ao manter esse botão pressionado, você pode mover a linha para cima/baixo para alterar a ordem das linhas dentro da tabela.
Ao clicar no botão com três pontos na parte superior da coluna da tabela, você pode definir a cor do texto ou a cor de fundo da coluna, adicionar uma coluna à esquerda ou à direita ou excluir uma coluna. Ao manter esse botão pressionado, você pode mover a coluna para a direita/esquerda.
Para adicionar rapidamente novas linhas e colunas à tabela, clique nos botões que aparecem ao passar o mouse sobre as áreas à direita e abaixo da tabela.
Você pode alterar a largura de colunas individuais arrastando a borda direita da coluna com o botão esquerdo do mouse.
Na versão móvel, uma tabela que ultrapassa a largura da tela será exibida com a barra de rolagem horizontal.
Inserindo uma tabela no texto de blocos padrão
Na maioria dos blocos da biblioteca, você pode inserir uma tabela usando um editor de texto. Por exemplo, vamos adicionar o bloco TX01 “Texto” da categoria “Bloco de texto”.
Clique com o botão esquerdo do mouse no campo de texto no bloco Conteúdo ou no modo de edição da página → no menu de contexto que aparece, clique nos três pontos → selecione a opção “Tabela”.
Ao clicar em uma célula da tabela, um botão com três pontos aparecerá no canto superior direito dessa célula. Ao clicar nele, você pode selecionar ações:
Inserir coluna à direita Inserir coluna à esquerda Inserir linha acima Inserir linha abaixo Mesclar células (selecionando várias células) Desmesclar células Excluir linha Excluir coluna Excluir tabela
Na versão móvel, essa tabela será dimensionada para a largura da tela, e o conteúdo poderá saltar para uma nova linha.