![\"Como](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-192339-61e8a3531aad4.jpg\")
<\/a><\/p>\nSim, essa \u00e9 uma captura de tela muito longa. Voc\u00ea pode ver a tabela meteorol\u00f3gica din\u00e2mica aqui<\/a>.<\/p>\n Para criar uma tabela meteorol\u00f3gica como as que apresentamos anteriormente, voc\u00ea tem poucas op\u00e7\u00f5es, dependendo dos dados de origem.<\/p>\n Caso n\u00e3o tenha uma fonte de dados pode criar a sua tabela meteorol\u00f3gica do zero com a op\u00e7\u00e3o “Criar tabelas manualmente"<\/a> onde ir\u00e1 inserir os dados manualmente.<\/p>\n Para come\u00e7ar a criar uma tabela de dados manualmente, abra o painel de administra\u00e7\u00e3o do WordPress, v\u00e1 para wpDataTables -> Create a Table<\/strong>, escolha a terceira op\u00e7\u00e3o “Create a table manualmente”<\/strong> e clique em “Next”<\/strong>.<\/p>\n Ser\u00e1 mostrado o passo do assistente que o ajudar\u00e1 a criar a estrutura da tabela onde voc\u00ea criar\u00e1 14 colunas: Per\u00edodo, Ano, e todos os outros ser\u00e3o nomes dos meses (Jan, Fev\u2026). Para colunas de per\u00edodo, voc\u00ea deixar\u00e1 o tipo de coluna como "String de uma linha"<\/strong> e para todas as outras, definir\u00e1 o tipo de coluna "Inteiro" .<\/strong><\/p>\n Quando terminar de configurar a tabela, clique em “Create the table”<\/strong>. Um menu suspenso ser\u00e1 aberto com op\u00e7\u00f5es para “Abrir no editor padr\u00e3o” ou “Abrir no editor do tipo Excel” e pronto. A estrutura da tabela \u00e9 criada. Agora voc\u00ea inserir\u00e1 seus dados no editor padr\u00e3o<\/a> ou em um editor semelhante ao Excel<\/a>.<\/p>\n Se voc\u00ea tiver dados em alguma fonte de dados como Excel, CSV, JSON, planilha do Google, XML, array serializado PHP, ou em uma tabela no banco de dados (fonte SQL), voc\u00ea usar\u00e1 a segunda op\u00e7\u00e3o no assistente de tabela.<\/p>\n Para come\u00e7ar a criar uma tabela de dados vinculada a uma fonte de dados existente, abra o painel de administra\u00e7\u00e3o do WordPress, v\u00e1 para wpDataTables -> Criar uma tabela<\/strong>, escolha a segunda op\u00e7\u00e3o “Criar<\/strong> uma tabela de dados vinculada a uma fonte de dados existente”.<\/strong> e clique em “Avan\u00e7ar”<\/strong>.<\/p>\n Dependendo de qual fonte voc\u00ea tem, voc\u00ea seguir\u00e1 as instru\u00e7\u00f5es:<\/p>\n Como criar uma tabela baseada em MySQL com wpDataTables<\/a><\/p>\n<\/li>\n Criando tabelas no WordPress a partir de planilhas do Google<\/a><\/p>\n<\/li>\n Criando tabelas no WordPress a partir do Excel<\/a><\/p>\n<\/li>\n Como criar uma tabela a partir de dados CSV<\/a><\/p>\n<\/li>\n Criando tabelas no WordPress a partir da entrada JSON<\/a><\/p>\n<\/li>\n Como criar tabelas no WordPress com entrada XML<\/a><\/p>\n<\/li>\n Criando tabelas no WordPress com base em arrays PHP serializados<\/a><\/p>\n<\/li>\n<\/ul>\n Para esta tabela, usamos CSV como fonte de dados que voc\u00ea pode baixar aqui<\/a>. Voc\u00ea escolher\u00e1 CSV como “Tipo de fonte de dados de entrada”<\/strong> e, em seguida, no bot\u00e3o Procurar, encontrar\u00e1 que<\/p>\n a fonte que voc\u00ea baixou e carregou anteriormente em seu servidor. Clique em Salvar altera\u00e7\u00f5es<\/strong>, para que wpDataTables leia o arquivo CSV que voc\u00ea carregou e a tabela ser\u00e1 criada.<\/p>\n Depois de criar a tabela, com qualquer uma das duas op\u00e7\u00f5es, voc\u00ea pode personalizar<\/a> e configurar<\/a> sua tabela WordPress como precisar.<\/p>\n No nosso caso, primeiro ativamos a op\u00e7\u00e3o “Mostrar filtros em um<\/strong> formul\u00e1rio acima da tabela”<\/strong> na guia ” Classifica\u00e7\u00e3o e filtragem<\/strong> ” nas configura\u00e7\u00f5es da tabela e, em seguida, configuramos os filtros avan\u00e7ados<\/a> para cada coluna. Para a coluna Per\u00edodo, definimos ‘Filtro de caixa de sele\u00e7\u00e3o’ e ‘Filtro de n\u00famero’ para todas as outras colunas.<\/p>\n Em seguida, ativamos a op\u00e7\u00e3o “Responsividade”<\/strong> na guia “Exibir”<\/strong> nas configura\u00e7\u00f5es da tabela e ocultamos todas as colunas “M\u00eas” para tablets e dispositivos m\u00f3veis em cada configura\u00e7\u00e3o de coluna<\/a> ou mais rapidamente no bot\u00e3o Lista de colunas<\/a> acima da tabela.<\/p>\n Para personalizar a cor dos dados da tabela, estamos usando a formata\u00e7\u00e3o condicional<\/a>. Para a primeira coluna, definimos a condi\u00e7\u00e3o de que, se a c\u00e9lula contiver 2, ent\u00e3o “Definir classe CSS da c\u00e9lula<\/strong> ” para “texto azul-branco”.<\/p>\n Em seguida, criamos essas classes no campo “CSS<\/strong> personalizado” na guia “Personalizar”<\/strong> nas configura\u00e7\u00f5es da tabela como esta:<\/p>\n Assim:<\/p>\n Onde o n\u00famero 1 em .wpDataTable-1 \u00e9 o ID da sua tabela, ent\u00e3o voc\u00ea precisar\u00e1 alter\u00e1-lo para sua tabela<\/p>\n Para todas as outras colunas, definimos as mesmas condi\u00e7\u00f5es para definir cores diferentes com base no valor na tabela de temperatura m\u00e1xima.<\/p>\n Para a segunda tabela “Low Temperature” usamos a mesma abordagem da tabela “Temperature Maximus”, exceto as condi\u00e7\u00f5es na formata\u00e7\u00e3o Condicional. Por ser o menor valor da temperatura, usamos essas condi\u00e7\u00f5es.<\/p>\n Em seguida, criamos essas classes no campo “CSS<\/strong> personalizado” na guia “Personalizar”<\/strong> nas configura\u00e7\u00f5es da tabela como esta:<\/p>\n Onde o n\u00famero 2 em .wpDataTable2 \u00e9 o ID de sua tabela, ent\u00e3o voc\u00ea precisar\u00e1 alter\u00e1-lo para sua tabela.<\/p>\n \u00c9 isso!<\/p>\n Agora o que voc\u00ea precisa fazer \u00e9 aparecer em suas p\u00e1ginas no front-end. Como em qualquer outro plugin, usamos c\u00f3digos de acesso para mostrar tabelas nas p\u00e1ginas ou postagens dos usu\u00e1rios. Adicionar<\/a> c\u00f3digos<\/a> de acesso \u00e9 muito f\u00e1cil, especialmente se voc\u00ea estiver usando construtores de p\u00e1ginas populares como Elementor, WP Bakery ou Gutenberg.<\/p>\n Voc\u00ea est\u00e1 interessado em criar mais do que apenas tabelas meteorol\u00f3gicas?<\/p>\n Voc\u00ea precisa dar uma olhada em algumas das outras tabelas da se\u00e7\u00e3o de vitrine<\/a>.<\/p>\n wpDataTables \u00e9 usado para gerar uma representa\u00e7\u00e3o gr\u00e1fica de dados estat\u00edsticos como gr\u00e1ficos.<\/p>\n Neste exemplo, as criptomoedas s\u00e3o classificadas em uma tabela usando wpDataTables. Voc\u00ea pode adicionar esse tipo de tabela de criptografia ao seu site com alguns ajustes.<\/p>\n Esta tabela pode ser usada para compara\u00e7\u00e3o de produtos<\/a>. Por exemplo, se voc\u00ea tem um site onde est\u00e1 apresentando e promovendo produtos, a tabela pode exibir as caracter\u00edsticas dos produtos mais populares.<\/p>\n O plugin \u00e9 usado para criar uma tabela que mostra dados financeiros por pa\u00eds. Obviamente, pode ser adaptado para apresentar diferentes tipos de dados financeiros.<\/p>\n Esse estilo de tabela funciona bem para um site afiliado ou uma livraria online.<\/p>\n wpDataTables pode criar uma lista de fundos m\u00fatuos, classificados por desempenho.<\/p>\n wpDataTables \u00e9 usado para mostrar a configura\u00e7\u00e3o do driver.<\/p>\n Se voc\u00ea trabalha com tabelas, aqui est\u00e3o alguns motivos pelos quais uma licen\u00e7a wpDataTables atender\u00e1 \u00e0s suas necessidades.<\/p>\n As tabelas criadas com o plugin wpDataTables s\u00e3o intr\u00ednsecas e totalmente responsivas. N\u00e3o h\u00e1 restri\u00e7\u00e3o quando se trata de plataformas ou tipos de dispositivos.<\/p>\n Mesas grandes n\u00e3o s\u00e3o um problema. wpDataTables lida com tabelas com milh\u00f5es de linhas de forma r\u00e1pida e confi\u00e1vel. O servidor MySQL processa todas as opera\u00e7\u00f5es.<\/p>\n Filtros individuais para seu conjunto de dados podem ser desenvolvidos. Isso \u00e9 muito \u00fatil para restringir os dados em uma tabela do WordPress.<\/p>\n wpDataTables tem a op\u00e7\u00e3o de torn\u00e1-lo edit\u00e1vel. O conte\u00fado das tabelas do WordPress pode, portanto, ser editado inline ou em um formul\u00e1rio gerado.<\/p>\n Nosso plugin de tabelas do WordPress tem uma funcionalidade semelhante \u00e0 Formata\u00e7\u00e3o Condicional no Excel. Dependendo do conte\u00fado, voc\u00ea pode destacar colunas, linhas ou c\u00e9lulas individuais.<\/p>\n Os dados nas tabelas do WordPress podem ser usados \u200b\u200bpara gerar gr\u00e1ficos do WordPress. Tr\u00eas poderosos motores s\u00e3o usados \u200b\u200bpara gerar esses gr\u00e1ficos, que s\u00e3o atualizados em tempo real.<\/p>\n O wpDataTables resolve com sucesso diferentes tarefas para mais de 40.000 clientes por dia. Isso inclui intera\u00e7\u00e3o com banco de dados, relat\u00f3rios de neg\u00f3cios, cat\u00e1logos, pain\u00e9is cient\u00edficos e muito mais.<\/p>\n wpDataTables tem sido uma solu\u00e7\u00e3o maravilhosa para n\u00f3s! J\u00e1 est\u00e1vamos muito impressionados com os recursos do plug-in imediatamente. Os plugins TMS trabalharam conosco para personaliz\u00e1-lo especialmente para nossas necessidades. As customiza\u00e7\u00f5es nos permitiram criar uma interface intuitiva para os clientes, para entrada e edi\u00e7\u00e3o de dados. O suporte ao cliente e a capacidade de resposta s\u00e3o inigual\u00e1veis. wpDataTables \u00e9 simplesmente um \u00f3timo produto.<\/p>\n<\/blockquote>\n -Sara Woodmansee, EUA. Fot\u00f3grafo e mapeamento geogr\u00e1fico na Geo1 \/ Aerial Filmworks<\/p>\n Do ponto de vista de um desenvolvedor web e do cliente, o wpDataTables \u00e9 um dos melhores plugins que encontrei. N\u00e3o s\u00f3 o pre\u00e7o \u00e9 bom, mas tamb\u00e9m a funcionalidade \u00e9 perfeita. Extremamente f\u00e1cil de usar e muito bem desenhado. Tem muitos recursos que se adequam a qualquer pessoa, desde iniciantes at\u00e9 n\u00edveis avan\u00e7ados. Os v\u00eddeos que complementam o plugin s\u00e3o bem explicados com muitos exemplos. Eu n\u00e3o posso enfatizar o suficiente o quanto isso tornou meu desenvolvimento web mais f\u00e1cil e legal.<\/p>\n<\/blockquote>\n \u2013 Nordine Benhamari, Reino Unido. Desenvolvedor Web, Designer de Banco de Dados no Thanet Volunteer Bureau<\/p>\n Se voc\u00ea gostou de ler este artigo sobre como criar tabelas meteorol\u00f3gicas, voc\u00ea deve conferir este sobre os plugins geradores de tabelas do WordPress .<\/a><\/p>\n Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como alternativa DataTables<\/a>, biblioteca de tabelas JavaScript<\/a>, plugins de tabela WordPress<\/a>, como criar uma tabela no WordPress sem um plugin<\/a>, como inserir uma tabela no WordPress<\/a> e plugins de tabela de pre\u00e7os do WordPress.<\/a><\/p>\n1 Criando uma tabela do zero<\/strong><\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n2 Criando uma tabela a partir de uma fonte de dados<\/strong><\/h3>\n
<\/a><\/p>\n\n
<\/a><\/p>\n<\/a><\/p>\n.wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.blue{ background-color: #0083c2 !important;}\n\n.wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.white-text{ color: #FFFFFF !important;}<\/code><\/pre>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n.wpdt-c .wpDataTablesWrapper .wpDataTable-2 td.white-text{ color: #FFFFFF !important;}\n\n.wpdt-c .wpDataTablesWrapper .wpDataTable-2 td.black-text{ color: #000000 !important;}<\/code><\/pre>\nMais estilos de tabela que voc\u00ea pode criar com wpDataTables<\/h2>\n
Tabelas de Estat\u00edsticas com Gr\u00e1ficos<\/h3>\n
<\/a><\/p>\nTabela de classifica\u00e7\u00e3o de criptomoeda<\/h3>\n
<\/a><\/p>\nCat\u00e1logo de laptops on-line<\/h3>\n
<\/a><\/p>\nRelat\u00f3rios financeiros<\/h3>\n
<\/a><\/p>\nCat\u00e1logo de livros<\/h3>\n
<\/a><\/p>\nFundos m\u00fatuos<\/h3>\n
<\/a><\/p>\nCat\u00e1logo de Drivers<\/h3>\n
<\/a><\/p>\nJunte-se \u00e0 comunidade wpDataTables<\/h2>\n
\n
Com ele, voc\u00ea pode criar tabelas e gr\u00e1ficos responsivos do WordPress<\/h3>\n
Voc\u00ea pode criar tabelas grandes<\/h3>\n
Filtros avan\u00e7ados e op\u00e7\u00f5es de pesquisa<\/h3>\n
<\/a><\/p>\nEditabilidade<\/h3>\n
Destaque de c\u00e9lula<\/h3>\n
Muitas op\u00e7\u00f5es de gr\u00e1ficos<\/h3>\n
<\/a><\/p>\nAlgumas avalia\u00e7\u00f5es que recebemos ao longo dos anos<\/h3>\n
\n
\n