Tables de la Coupe du Monde de la FIFA 2022 créées avec wpDataTables

Il existe plusieurs options pour créer ces tables. Dans le premier exemple, Live API data , nous avons utilisé cette API gratuite qui contient de nombreuses informations utiles sur la Coupe du monde de 2022. Vous pouvez créer des tableaux à l'aide de Nested JSON pour les API JSON, et toutes les données seront automatiquement mises à jour. Cette API ne contient pas d'indicateurs, nous les avons donc créés en utilisant le formatage conditionnel en remplaçant le contenu par nos images. L'API a une structure plus profonde, nous devons donc également utiliser un crochet pour obtenir des données. Voici le crochet :


// 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);


Pour le bouton Match details , nous avons utilisé notre add-on Master-detail.

Dans le deuxième exemple, Live DB data , nous avons créé un tableau manuel avec sept colonnes (Team 1, Flag 1, Team 2, Flag 2, Score 1, Score 2 et Date). Ensuite, cette table de la base de données a été utilisée pour créer une nouvelle table à l'aide d'une requête SQL. Nous avons utilisé CONCAT pour fusionner les colonnes Drapeau et Équipe, et l' espace réservé %CURRENT_DATE% pour filtrer uniquement les matchs joués aujourd'hui.

Les couleurs et autres CSS personnalisés peuvent être modifiés dans l' onglet Personnaliser les paramètres de chaque tableau .

Il existe de nombreuses options différentes pour créer ces tableaux de la Coupe du monde. Dans cet exemple, nous avons créé un tableau manuel en important un fichier CSV à sept colonnes (Équipe, Drapeau, Match joué, Victoire, Deal, Perdu, Buts pour et Buts contre). Ensuite, cette table de la base de données a été utilisée pour créer une nouvelle table avec une requête SQL. Nous avons utilisé CONCAT pour fusionner les colonnes Flag et Team. Enfin, nous avons créé deux colonnes de formules qui calculent la différence d'objectifs et les points.

Les couleurs et autres CSS personnalisés peuvent être modifiés dans l' onglet Personnaliser les paramètres de chaque tableau .

Pour créer ces tableaux de la Coupe du monde, nous avons utilisé l' option de tableau simple dans wpDataTables. En utilisant quelques modifications simples (supprimer les bordures, fusionner des cellules, changer la police, l'arrière-plan, les styles, etc.), vous pouvez créer ces deux tableaux ou même de meilleurs pour vos propres besoins.

Il existe plusieurs options pour créer ces tables. Nous avons utilisé Nested JSON et API pour ce tableau, mais nous n'avons pas reçu toutes les informations dont nous avions besoin. Nous avons donc exporté ce tableau vers un fichier Excel , créé un nouveau tableau manuel, importé le fichier Excel et ajouté les colonnes manquantes que nous voulions afficher.

Les couleurs et autres CSS personnalisés peuvent être modifiés dans l' onglet Personnaliser les paramètres de chaque tableau .

Il existe plusieurs options pour créer ces tables. Dans cet exemple, nous avons créé un fichier Excel avec toutes les données que nous voulons afficher. Ensuite, nous avons importé ce fichier et créé une table manuelle. Cette table de la base de données a été utilisée pour créer une nouvelle table avec une requête SQL. Nous avons utilisé CONCAT pour fusionner les colonnes drapeau et équipe. Ensuite, nous avons créé deux colonnes de formules pour calculer la différence d'objectifs et les points.

Les couleurs et autres CSS personnalisés peuvent être modifiés dans l' onglet Personnaliser les paramètres de chaque tableau .

D'autres exemples incluent la création d'une table manuelle sans importer de fichier, comme directement dans wpDataTables, ou la création d'une table avec Nested JSON, où toutes les données changent automatiquement.

Si vous souhaitez utiliser l'option Nested JSON, sachez que la plupart des API pour la Coupe du monde nécessitent un paiement.