Visão geral Tables builder

A primeira coisa que você precisa fazer é ir em JetEngine > JetEngine > Módulos > Módulos Externos e habilitar o módulo Tabelas Dinâmicas.

A próxima coisa que você precisa fazer é criar uma consulta com o Query Builder . 
No nosso caso, criaremos uma Consulta de Postagens para a postagem.

• Nome . Aqui você pode adicionar o nome do tipo de conteúdo personalizado que será mostrado no menu de administração;
• Consulta de dados . Neste campo, você precisa escolher a consulta que você criou anteriormente com o Query Builder. Não se preocupe se você não o criou. Sempre existe a oportunidade de criar uma nova consulta ou editar a existente; 
• Busque os dados . Busque uma amostra dos dados para encontrar todas as colunas possíveis e visualizar a tabela.

Neste bloco, você pode adicionar as colunas necessárias para sua tabela. Funciona de forma semelhante aos metacampos.

• Nome da coluna . O nome da coluna é exibido no cabeçalho da tabela;
• Conteúdo da coluna . Aqui você pode escolher o tipo de conteúdo que será exibido na coluna. Existem duas opções: “Valor Bruto” e “Modelo”.

Se escolhermos o valor bruto , haverá a oportunidade de escolher a fonte de dados para a coluna atual, como coluna buscada, campo pós-prazo/usuário/objeto e campo meta. Vamos dar uma olhada em cada um deles.

Coluna buscada . Aqui você pode selecionar uma coluna das colunas buscadas anteriormente.

Você também pode ativar a alternância Filtrar saída da coluna se precisar escolher a função de retorno de chamada para filtrar o valor da coluna.

Se você ativar a opção Personalizar saída da coluna , poderá gerar o formato.

” alt=”habilitada alternância de saída de coluna personalizada” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/02/Customize-Column-Output-2.png” />

Campo Pós/Termo/Usuário/Objeto . Selecione um campo do objeto atual para mostrar nesta coluna.

Metacampo . Selecione o metacampo dos campos JetEngine para mostrar nesta coluna. 

Se você escolher Conteúdo da coluna do modelo, poderá escolher o modelo a ser usado como modelo base para os itens de coluna atuais.

Neste módulo, você pode ajustar a largura e definir o alinhamento da mesa. 

Você sempre pode visualizar o resultado clicando no botão “ Recarregar visualização ”. 

Existe a oportunidade de exibir tabelas em qualquer página com o widget Tabela Dinâmica. Vá para a página necessária e clique no botão Editar com Elementor . Procure o widget Gráfico Dinâmico e adicione-o à página. Vamos dar uma olhada nisso mais de perto.

No campo Tabela , você precisa selecionar a tabela que criamos anteriormente. Além disso, você pode mostrar os nomes das colunas no cabeçalho e rodapé da tabela e permitir a rolagem horizontal, o que é bastante fácil de usar. 

Além disso, existe a oportunidade de estilizar a mesa. Não se esqueça que se quiser estilizar a tabela apenas no widget, você precisará remover estilos no backend. Os estilos no back-end substituem os estilos do widget. Além do mais, os estilos no widget serão aplicados a toda a tabela, não à coluna separada.

Você também pode adicionar o bloco Tabela Dinâmica em Gutenberg . Abra a página necessária, clique no ícone de adição e procure o widget Tabela Dinâmica. 

Depois disso, você pode simplesmente adicionar o widget à seção necessária. Nas configurações do widget, você precisará escolher a Tabela que criou anteriormente.