Tabelle della Coppa del Mondo FIFA 2022 create con wpDataTables

Esistono diverse opzioni per creare tali tabelle. Nel primo esempio, Live API data , abbiamo utilizzato questa API gratuita che contiene molte informazioni utili sulla Coppa del mondo del 2022. Puoi creare tabelle utilizzando JSON nidificato per le API JSON e tutti i dati verranno aggiornati automaticamente. Questa API non contiene flag, quindi li abbiamo creati utilizzando la formattazione condizionale sostituendo il contenuto con le nostre immagini. L'API ha una struttura più profonda, quindi dobbiamo anche utilizzare un hook per ottenere i dati. Ecco il gancio:


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


Per il pulsante Partita dettagli , abbiamo utilizzato il nostro componente aggiuntivo Master-detail.

Nel secondo esempio, Live DB data , abbiamo creato una tabella manuale con sette colonne (Team 1, Flag 1, Team 2, Flag 2, Score 1, Score 2 e Date). Quindi, questa tabella del database è stata utilizzata per creare una nuova tabella utilizzando una query SQL. Abbiamo utilizzato CONCAT per unire le colonne Bandiera e Squadra e il segnaposto %CURRENT_DATE% per filtrare solo le partite giocate nel giorno odierno.

I colori e altri CSS personalizzati possono essere modificati nella scheda Personalizza impostazioni per ogni tabella .

Ci sono molte opzioni diverse per creare questi tavoli della Coppa del Mondo. In questo esempio, abbiamo creato una tabella manuale importando un file CSV con sette colonne (Squadra, Bandiera, Partita giocata, Vittoria, Distribuzione, Perdita, Gol per e Gol contro). Quindi, questa tabella del database è stata utilizzata per creare una nuova tabella con una query SQL. Abbiamo usato CONCAT per unire le colonne Flag e Team. Infine, abbiamo creato due colonne formula che calcolano la differenza reti e i punti.

I colori e altri CSS personalizzati possono essere modificati nella scheda Personalizza impostazioni per ogni tabella .

Per creare queste tabelle della Coppa del Mondo, abbiamo utilizzato l' opzione Tabella semplice in wpDataTables. Utilizzando alcune semplici modifiche (rimuovere i bordi, unire celle, cambiare carattere, sfondo, stili, ecc.), puoi creare queste due tabelle o anche migliori per le tue esigenze.

Ci sono diverse opzioni per creare queste tabelle. Abbiamo utilizzato Nested JSON e API per questa tabella, ma non abbiamo ricevuto tutte le informazioni di cui avevamo bisogno. Quindi, abbiamo esportato questa tabella in un file Excel , creato una nuova tabella manuale, importato il file Excel e aggiunto le colonne mancanti che volevamo mostrare.

I colori e altri CSS personalizzati possono essere modificati nella scheda Personalizza impostazioni per ogni tabella .

Ci sono diverse opzioni per creare queste tabelle. In questo esempio, abbiamo creato un file Excel con tutti i dati che vogliamo mostrare. Quindi, abbiamo importato quel file e creato una tabella manuale. Questa tabella del database è stata utilizzata per creare una nuova tabella con una query SQL. Abbiamo usato CONCAT per unire le colonne flag e Team. Quindi, abbiamo creato due colonne formula per calcolare la differenza reti e i punti.

I colori e altri CSS personalizzati possono essere modificati nella scheda Personalizza impostazioni per ogni tabella .

Altri esempi includono la creazione di una tabella manuale senza importare un file, ad esempio direttamente in wpDataTables, o la creazione di una tabella con Nested JSON, in cui tutti i dati vengono modificati automaticamente.

Se desideri utilizzare l'opzione Nested JSON, tieni presente che la maggior parte delle API per la Coppa del mondo richiede un pagamento.