ヘッダーが繰り返される、より応答性の高いWordPressテーブル

WordPressの長年にわたる進歩にもかかわらず、WordPressのテーブルは両刃の剣です。 それらはデータを提示するのに最適な候補ですが、ストーリーを語るには不利です。 それでも十分ではないと思われる場合は、スマートフォンやタブレットについて聞くまで待ってください。データを表示するスペースがさらに少ないデバイスです。 一緒に暮らすことを学ばなければならないいくつかのテーブルの欠点がありますが、応答性はそれらの1つではありません。

WP Table Manager最後のメジャー アップデートでは、追加のレスポンシブ オプションを備えたテーブルの新しいレスポンシブ デザインが導入されました。 現在、WordPress テーブル マネージャーのより新しく優れたバージョンがあり、新しいレスポンシブ モードと、レスポンシブ テーブルとその動作のカスタマイズに役立つ新しいオプション (繰り返しヘッダー) が追加されています。

ヘッダーが繰り返されるレスポンシブ テーブル

テーブルを表示するのに十分なスペースがない場合はどうなりますか? 前回のアップデートでは、 WP Table Managerスクロール バーの追加と列の非表示という 2 つの応答オプションが用意されていました。 これら 2 つのモードにはそれぞれ用途がありますが、水平スクロールやデータの非表示を避けたい場合は、新しい 3 番目のモード、つまりヘッダーの繰り返しが探しているものになる可能性があります。

他のすべてのモードと同様に、繰り返されるヘッダー応答モードは、コンピューターやラップトップなどのデスクトップデバイスなどに十分なスペースがある場合、デフォルトで通常のテーブルになります。 十分なスペースがない場合は、テーブルヘッダーと行の値の2つの列を持つ単純なテーブルに折りたたまれます。

実際には、これは、テーブルに4つの列がある場合、元のテーブルの各行がレスポンシブバージョンでは4つの新しい行として表されることを意味します。 新しい各行には、元のヘッダーとそのデータ値のみが含まれます。 このスキームは元のテーブルの各行に適用されるため、データ値の横には常にヘッダーが繰り返されます。

このシンプルなレスポンシブ動作のおかげで、繰り返しヘッダーテーブルモードを使用すると、モバイルやタブレットでの外観を気にすることなく、テーブルに必要なだけのデータを追加できます。 さらに、 WP Table Managerは、小さいデバイスの行に交互の色を使用します。元のテーブルの各行は異なる色を取得し、コンテキストを保持し、WordPressリーダーがレコードを区別できるようにします。

繰り返しヘッダー モードでのレスポンシブ テーブルのカスタマイズ

テーブルを編集するときに繰り返しヘッダーモードを選択できます。フォーマットメニューからレスポンシブオプションを選択し、最初のドロップダウンから繰り返しヘッダーモードを探します。 繰り返しヘッダーテーブルは、レスポンシブブレークポイントとレスポンシブ最大高さの2つの方法でカスタマイズすることもできます。

レスポンシブブレークポイントは、WordPressテーブルマネージャープラグインが通常どおりテーブルのレンダリングを停止し、代わりにレスポンシブ繰り返しヘッダーモードに切り替わる幅です。 この値は、WordPressテーマと列数に基づいて見積もることができます。テーブルが特定の幅を下回らないと思われる場合は、ブレークポイントとして使用してください。

行数または列数が多い場合は、ヘッダーモードを繰り返すと非常に長いページが作成される可能性があります。 レスポンシブ最大高さは、レスポンシブモードで繰り返されるヘッダーテーブルの高さを制限することにより、この問題に対処します。 レスポンシブテーブルが長すぎる場合、WordPressリーダーはスクロールバーを使用して通常どおりより多くのデータを表示できます。

レスポンシブテーブルには特効薬はありませんが、WordPressテーブルの繰り返しヘッダーモードが近づいています。 小さなテーブルでも、行と列が多い大きなテーブルでも、 WP Table Managerの新しい繰り返しヘッダーモードにより、デバイスに関係なく、データが常に収まるようになります。