メインコンテンツにスキップ

WordPressHTMLテーブルをモバイルでレスポンシブにする

レスポンシブ モードは、WordPress で HTML テーブルを表示するために非常に重要です。デスクトップまたは小型デバイス (携帯電話、タブレット) のどちらを使用している場合でも、レイアウト上のスペースが狭い場合があります。 WP Table Manager、スクロール、列の非表示、およびいくつかの応答設定を備えた繰り返しヘッダーの 3 つの応答モードがあります。
その他の機能については、メインのプラグイン ページに戻ってください >

列の非表示と表示の優先順位を使用したレスポンシブなテーブル

列の非表示と表示の優先順位を使用したレスポンシブなテーブル

この WP Table Manager レスポンシブ モードは、最もカスタマイズしやすいモードです。 テーブルは優先順位に従って列を選択して表示され、利用可能な幅に従って他の列は非表示になります。 チェックボックス付きのメニューを使用して、画面の任意のサイズで列を強制的に表示できます。

データヘッダーグループモードを使用したレスポンシブテーブル

このテーブル応答モードでは、特定の画面幅に達すると、ヘッダー情報の下に行データが表示されます。 テーブルごとに特定の応答ブレークポイント (幅) とテーブルの最大高さを設定できます。これは、テーブルの配置場所に応じて非常に便利です。

データヘッダーグループモードを使用したレスポンシブテーブル
スクロールを使用したレスポンシブテーブル

スクロールを使用したレスポンシブテーブル

スクロール応答モードでは、テーブルの幅と高さが固定され、水平方向と垂直方向の両方でオーバーフローが表示されます。 水平スクロールはコンテンツの幅によって異なり、スクロール中にフリーズする列の数を選択できます。

HTML テーブルに適切なレスポンシブ モードを選択する方法

ここにリストされているすべてのレスポンシブ モードは、セルまたは列を固定し、テーブルの幅と高さを固定して使用できます。 表示されるデータと最も使用されるデバイスに応じて、すべての応答モードが関連する可能性があります。

HTML テーブルに適切なレスポンシブ モードを選択する方法

WP Table Manager、ビデオ内のレスポンシブテーブル

WP Table Manager プラグインの価格

60,000 人を超えるメンバーに参加して、サポートと新しいバージョンのアップデートを受けましょう


199$
の代わりに 421$

WordPressBUNDLEを入手

バンドルBundle、すべての WordPress プラグインにアクセスでき、無制限の Web サイトで使用できます。
さらに、テクニカル サポートに完全にアクセスし、各プラグインのアップデートを年間を通してご利用いただけます。 今がその時です! 効率を高めて競争力を高めましょう。 Bundleてみてください。

ワードプレス bundle

最近のお客様の声と評価

プラグインユーザー? あなた自身の体験談を追加 >>

平均採点 WP Table Manager 、JoomUnitedはある 4.9 スター5つ星の-に基づいて 66件の レビュー

FAQ: WordPress HTML テーブルをモバイルでレスポンシブにする

WP Table Manager モバイル テーブルにどのようなレスポンシブ モードを提供していますか?

WP Table Manager は、スクロール、列の非表示、繰り返しヘッダー (データ ヘッダー グループ) の 3 つのレスポンシブ モードがあり、それぞれ画面サイズに基づいてテーブルの表示が異なります。

列を非表示にするレスポンシブ モードはどのように機能しますか?

このモードでは、使用可能な画面の幅に基づいて列の優先順位が決定され、非表示になります。ユーザーはチェックボックス メニューを使用して、列を手動で表示または非表示にすることができます。

データ ヘッダー グループ レスポンシブ モードとは何ですか?

このモードでは、画面幅が狭い場合にテーブル行をグループ化されたヘッダーとデータ ブロックに変換し、コンテンツをより読みやすいスタック形式で表示できるようにします。

スクロールレスポンシブモードはどのように機能しますか?

スクロール モードでは、テーブルの幅と高さが固定され、水平スクロール中に列の数を固定するオプションを使用して、水平スクロールと垂直スクロールが可能になります。

レスポンシブ モードで表のセルまたは列を固定できますか?

はい、すべてのレスポンシブ モードでは、セルまたは列の固定を使用して、小さい画面でテーブルをスクロールしたり調整したりするときに重要なデータを表示したままにすることができます。

テーブルに最適なレスポンシブ モードを選択するにはどうすればよいですか?

選択はデータの種類とデバイスの使用状況によって異なります。幅の広い表にはスクロールが適しており、階層的なコンテンツには列の非表示が適しています。また、狭い画面での読みやすさにはデータヘッダーグループモードが最適です。