Tablas de la Copa Mundial de la FIFA 2022 creadas con wpDataTables

Hay varias opciones para crear esas tablas. En el primer ejemplo, datos de API en vivo , usamos esta API gratuita que tiene mucha información útil sobre la Copa del Mundo de 2022. Puede crear tablas usando JSON anidado para las API de JSON, y todos los datos se actualizarán automáticamente. Esta API no contiene banderas, por lo que las creamos con formato condicional al reemplazar el contenido con nuestras imágenes. La API tiene una estructura más profunda, por lo que también necesitamos usar un enlace para obtener datos. Aquí está el 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 el botón Detalles de coincidencia , usamos nuestro complemento Maestro-detalle.

En el segundo ejemplo, datos de Live DB , creamos una tabla manual con siete columnas (Equipo 1, Bandera 1, Equipo 2, Bandera 2, Puntaje 1, Puntaje 2 y Fecha). Luego, esta tabla de la base de datos se usó para crear una nueva tabla usando una consulta SQL. Usamos CONCAT para fusionar las columnas Bandera y Equipo, y el marcador de posición %CURRENT_DATE% para filtrar solo los partidos que se juegan en el día actual.

Los colores y otros CSS personalizados se pueden cambiar en la pestaña Personalizar configuración de cada tabla .

Hay muchas opciones diferentes para crear estas tablas de la Copa del Mundo. En este ejemplo, hemos creado una tabla manual importando un archivo CSV con siete columnas (Equipo, Bandera, Partido jugado, Ganado, Reparto, Perdido, Goles a favor y Goles en contra). Luego, esta tabla de la base de datos se usó para crear una nueva tabla con una consulta SQL. Usamos CONCAT para fusionar las columnas Flag y Team. Finalmente, hemos creado dos columnas de fórmula que calculan la diferencia de objetivos y los puntos.

Los colores y otros CSS personalizados se pueden cambiar en la pestaña Personalizar configuración de cada tabla .

Para crear estas tablas de la Copa Mundial, hemos usado la opción de tabla simple en wpDataTables. Utilizando algunas modificaciones fáciles (eliminar bordes, fusionar celdas, cambiar fuente, fondo, estilos, etc.), puede hacer estas dos tablas o incluso mejorarlas para sus propias necesidades.

Hay varias opciones para crear estas tablas. Usamos JSON anidado y API para esta tabla, pero no recibimos toda la información que necesitábamos. Entonces, exportamos esta tabla a un archivo de Excel , creamos una nueva tabla manual, importamos el archivo de Excel y agregamos las columnas faltantes que queríamos mostrar.

Los colores y otros CSS personalizados se pueden cambiar en la pestaña Personalizar configuración de cada tabla .

Hay varias opciones para crear estas tablas. En este ejemplo, creamos un archivo de Excel con todos los datos que queremos mostrar. Luego, importamos ese archivo y creamos una tabla manual. Esta tabla de la base de datos se utilizó para crear una nueva tabla con una consulta SQL. Usamos CONCAT para fusionar las columnas de bandera y equipo. Luego, creamos dos columnas de fórmula para calcular la diferencia de goles y los puntos.

Los colores y otros CSS personalizados se pueden cambiar en la pestaña Personalizar configuración de cada tabla .

Otros ejemplos incluyen crear una tabla manual sin importar un archivo, como directamente en wpDataTables, o crear una tabla con JSON anidado, donde todos los datos cambian automáticamente.

Si desea utilizar la opción JSON anidado, tenga en cuenta que la mayoría de las API para la Copa del Mundo requieren pago.