Como criar uma tabela dinâmica no Elementor

Inicialmente, verifique se o Construtor de Tabelas está ativado. A opção necessária está disponível seguindo WordPress Dashboard > JetEngine > Modules > External Modules . Alterne o Construtor de Tabelas Dinâmicas se não estiver habilitado.

Leia a visão geral detalhada do Tables Builder para saber mais sobre seus recursos adicionais.

O início da criação de uma tabela dinâmica é o Query Builder . Para criar uma consulta , navegue até WordPress Dashboard > JetEngine > Query Builder e adicione uma nova consulta clicando no botão correspondente.

Dê um título à consulta e escolha seu tipo. Agora escolheremos a opção “Post Query”.

Além disso, especificaremos o Post Type para definir para qual tipo de post a tabela será criada.

Consulte outros campos de personalização e clique no botão “ Adicionar consulta ” para salvar as alterações.

Navegue até Painel do WordPress > JetEngine > Construtor de tabelas . Adicione uma nova tabela clicando no botão com nome semelhante.

Vamos começar com a guia Configurações Gerais. Dê um nome à tabela e escolha a consulta criada como fonte no menu suspenso Consulta de dados . Pressione o botão “ Buscar dados ” para ativar a conexão entre a consulta e a tabela.

Neste guia, mostramos como exibir dados. Anexe as colunas desejadas à tabela acessando a próxima guia Colunas. O conteúdo da coluna tem duas opções: valor bruto e modelo. Escolha qualquer opção selecionada nesses menus suspensos.

Abra a guia Colunas. Escolha a opção “Valor bruto” no menu suspenso Conteúdo da coluna . Selecione o campo “Post/Termo/Usuário/Objeto” no menu suspenso Fonte de dados abaixo.

Depois disso, escolha o campo necessário, dependendo do conteúdo que deseja exibir. Em Selecionar campo , escolha Post ID . Em seguida, habilite o recurso Filtrar saída de coluna e escolha a opção “Obter link de postagem/página” no campo Filtrar retorno de chamada .

A próxima opção para mostrar o conteúdo de uma postagem é a opção “Meta Field”; ajuda a mostrar informações de forma dinâmica. Portanto, no menu suspenso Fonte de dados , escolha “Meta campo” e escolha o nome necessário do campo.

Além disso, a tabela dinâmica possui uma opção para o modelo de listagem pronto. Para usá-lo no menu suspenso Conteúdo da coluna , escolha “Modelo” e adicione o modelo necessário ao campo Modelo de coluna .

Para fazer este modelo, vá até Painel WordPress > JetEngine > Listagens e pressione o botão “ Adicionar Novo ”.

Escolha “Postagens” na Fonte da Listagem , preencha o campo Tipo de Postagem com o item para o qual a tabela está sendo feita, escreva o nome do item da Listagem e pressione “Criar Item de Listagem”.
Adicione o conteúdo necessário ao modelo, estilize-o e salve todas as alterações.

Depois disso, adicione-o à coluna da tabela.

Por último, mas não menos importante, ajuste as configurações disponíveis na guia Estilos de tabela. Você sempre pode estilizar as tabelas no construtor de páginas Elementor se as modificações sugeridas não forem suficientes.

Você pode definir o alinhamento vertical e o alinhamento horizontal para o título e a célula da tabela.

Você também pode clicar no botão “ Recarregar visualização ” para verificar a tabela criada.

A próxima etapa é adicionar a tabela ao site. Prossiga para a página onde deseja colocar a tabela recém-construída. Quando terminar, clique no botão “ Criar Tabela ”.

Vá para Painel do WordPress > Páginas > Adicionar novo . Nomeie a página e coloque o widget Tabela Dinâmica no Elementor. Escolha a tabela que você acabou de criar como fonte.

Depois de ativar todas as opções necessárias na guia Conteúdo, prossiga para a guia Estilo. Aqui você pode criar uma visualização de tabela ao seu gosto. Verifique a guia Avançado se forem necessárias personalizações adicionais.

Assim que a tabela Elementor estiver estilizada, clique no botão “ Publicar ” e verifique o resultado.