wpDataTables で作成された FIFA ワールド カップ 2022 テーブル

これらのテーブルを作成するには、いくつかのオプションがあります。 最初の例であるライブ API データでは、2022 年のワールド カップに関する多くの有用な情報が含まれているこの無料の APIを使用しました。JSON API にネストされた JSON を使用してテーブルを作成すると、すべてのデータが自動的に更新されます。 この API にはフラグが含まれていないため、コンテンツを画像に置き換えて条件付き書式を使用してフラグを作成しました。 API はより深い構造を持っているため、データを取得するためのフックも使用する必要があります。 フックは次のとおりです。


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


[ Match details ] ボタンには、Master-detail アドオンを使用しました。

2 番目の例であるライブ DB データでは、7 つの列 (チーム 1、フラグ 1、チーム 2、フラグ 2、スコア 1、スコア 2、および日付) を持つ手動テーブルを作成しました。 次に、データベースのこのテーブルを使用して、SQL クエリを使用して新しいテーブルを作成しました。 CONCATを使用して Flag 列と Team 列をマージし、%CURRENT_DATE%プレースホルダーを使用して、現在行われている試合のみをフィルタリングしました。

色やその他のカスタム CSS は、各テーブルの [カスタマイズ設定] タブで変更できます。

これらのワールド カップ テーブルを作成するには、さまざまなオプションがあります。 この例では、7 つの列 (チーム、フラグ、試合、勝利、ディール、敗北、ゴール、および反対のゴール) を含む CSV ファイルをインポートして、手動テーブルを作成しました。 次に、データベースのこのテーブルを使用して、SQL クエリで新しいテーブルを作成しました。 CONCAT を使用して、Flag 列と Team 列をマージしました。 最後に、目標差とポイントを計算する 2 つの数式列を作成しました。

色やその他のカスタム CSS は、各テーブルの [カスタマイズ設定] タブで変更できます。

これらのワールド カップ テーブルを作成するために、wpDataTablesのシンプル テーブルオプションを使用しました。 いくつかの簡単な変更 (境界線の削除、セルの結合、フォント、背景、スタイルの変更など) を利用して、これらの 2 つのテーブルまたは独自のニーズに合わせてさらに優れたテーブルを作成できます。

これらのテーブルを作成するには、いくつかのオプションがあります。 このテーブルには入れ子になった JSONと APIを使用しましたが、必要な情報がすべて得られませんでした。 そこで、このテーブルをExcelファイルにエクスポートし、新しい手動テーブルを作成し、Excel ファイルをインポートして、表示したい不足している列を追加しました。

色やその他のカスタム CSS は、各テーブルの [カスタマイズ設定] タブで変更できます。

これらのテーブルを作成するには、いくつかのオプションがあります。 この例では、表示するすべてのデータを含むExcelファイルを作成しました。 次に、そのファイルをインポートして手動テーブルを作成しました。 データベースのこのテーブルは、SQL クエリで新しいテーブルを作成するために使用されました。 CONCATを使用して、フラグとチームの列をマージしました。 次に、目標差とポイントを計算する 2 つの数式列を作成しました。

色やその他のカスタム CSS は、各テーブルの [カスタマイズ設定] タブで変更できます。

他の例には、wpDataTables で直接など、ファイルをインポートせずに手動でテーブルを作成することや、すべてのデータが自動的に変更される入れ子になった JSON を使用してテーブルを作成することが含まれます。

ネストされた JSON オプションを使用する場合は、ワールド カップのほとんどの API で支払いが必要になることに注意してください。