Tabelas da Copa do Mundo FIFA 2022 criadas com wpDataTables

Existem várias opções para criar essas tabelas. No primeiro exemplo, Live API data , usamos essa API gratuita que contém muitas informações úteis sobre a Copa do Mundo de 2022. Você pode criar tabelas usando Nested JSON para APIs JSON e todos os dados serão atualizados automaticamente. Essa API não contém sinalizadores, portanto, os criamos usando a formatação condicional , substituindo o conteúdo por nossas imagens. A API tem uma estrutura mais profunda, então também precisamos usar um gancho para obter dados. Aqui está o gancho:


// return false by default
function filterWCAPI($deep, $url, $tableID){
// for specific url
if ($url == 'https://worldcupjson.net/matches/today'){
$deep = true;
}
return $deep;
}
add_filter(
'wpdatatables_get_one_level_deep_json_data_from_array_as_string',
'filterWCAPI',
10, 3);


Para o botão Detalhes da partida , usamos nosso complemento Master-detail.

No segundo exemplo, Live DB data , criamos uma tabela manual com sete colunas (Team 1, Flag 1, Team 2, Flag 2, Score 1, Score 2 e Date). Então, essa tabela do banco de dados foi usada para criar uma nova tabela usando uma consulta SQL. Usamos CONCAT para mesclar as colunas Flag e Team, e o espaço reservado %CURRENT_DATE% para filtrar apenas as partidas que estão sendo disputadas no dia atual.

As cores e outros CSS personalizados podem ser alterados na guia Personalizar configurações de cada tabela .

Existem muitas opções diferentes para criar essas tabelas da Copa do Mundo. Neste exemplo, criamos uma tabela manual importando um arquivo CSV com sete colunas (Time, Flag, Partida, Vitória, Deal, Derrota, Gols a favor e Gols contra). Então, esta tabela do banco de dados foi usada para criar uma nova tabela com uma consulta SQL. Usamos o CONCAT para mesclar as colunas Flag e Team. Por fim, criamos duas colunas de fórmula que calculam a diferença de gols e os pontos.

As cores e outros CSS personalizados podem ser alterados na guia Personalizar configurações de cada tabela .

Para criar essas tabelas da Copa do Mundo, usamos a opção Tabela simples em wpDataTables. Utilizando algumas modificações fáceis (remover bordas, mesclar células, alterar fonte, plano de fundo, estilos, etc.), você pode criar essas duas tabelas ou outras ainda melhores para suas próprias necessidades.

Existem várias opções para criar essas tabelas. Usamos Nested JSON e API para esta tabela, mas não recebemos todas as informações de que precisávamos. Assim, exportamos esta tabela para um arquivo Excel , criamos uma nova tabela manual, importamos o arquivo Excel e adicionamos as colunas que faltavam que queríamos mostrar.

As cores e outros CSS personalizados podem ser alterados na guia Personalizar configurações de cada tabela .

Existem várias opções para criar essas tabelas. Neste exemplo, criamos um arquivo Excel com todos os dados que queremos mostrar. Em seguida, importamos esse arquivo e criamos uma tabela manual. Esta tabela do banco de dados foi usada para criar uma nova tabela com uma consulta SQL. Usamos CONCAT para mesclar as colunas bandeira e equipe. Em seguida, criamos duas colunas de fórmula para calcular a diferença de gols e pontos.

As cores e outros CSS personalizados podem ser alterados na guia Personalizar configurações de cada tabela .

Outros exemplos incluem criar uma tabela manual sem importar um arquivo, como diretamente em wpDataTables, ou criar uma tabela com Nested JSON, onde todos os dados são alterados automaticamente.

Se você quiser usar a opção Nested JSON, saiba que a maioria das APIs para a Copa do Mundo exige pagamento.