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

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

The responsive mode is something crucial to display HTML tables on WordPress, with sometimes small space on your layout whether you're on desktop or on small devices (mobiles, tablets). WP Table Manager has 3 responsive modes: Scrolling, Hiding Cols and Repeated header with several responsive settings.
For more features, get back to the main plugin page >

Responsive table using column hiding and display priority

Responsive table using column hiding and display priority

この WP Table Manager レスポンシブモードは最もカスタマイズ性が高いモードです。テーブルは優先度順に並べられた列選択とともに表示され、他の列は利用可能な幅に応じて非表示になります。チェックボックス付きのメニューを使用して、画面サイズに関係なく列の表示を強制できます。.

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

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

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

スクロール機能を備えたレスポンシブテーブル

スクロールレスポンシブモードでは、テーブルの幅と高さを固定し、水平方向と垂直方向の両方のオーバーフローを表示します。水平スクロールはコンテンツの幅に依存し、スクロール中に固定する列数を選択できます。.

How to choose the right responsive mode for your HTML tables

ここに記載されているすべてのレスポンシブモードは、セルまたは列の固定、およびテーブルの幅と高さの固定と併用できます。表示するデータや最もよく使われるデバイスに応じて、すべてのレスポンシブモードが有効です。.

How to choose the right responsive mode for your HTML tables

WP Table Manager、動画で学ぶレスポンシブテーブル

WP Table Manager プラグインの価格

参加する 60,000人以上のメンバー & サポートと新バージョンのアップデートを入手


199$
代わりに 421$
入手する
WORDPRESS BUNDLE

The Bundle gives access to ALL WordPress plugins and can be used on unlimited websites. In addition, you will have full access to technical support and update on each plugin for all year. 
The time is now! Boost your efficiency and gain that competitive edge. Give The Bundle a try.

wordpress bundle

最近の testimonials & ratings

プラグインユーザーですか? あなたの testimonial を追加 >>

平均評価: WP Table Manager、JoomUnited は 4.9 星 5つ星のうち - 基づく 66 レビュー

FAQ: モバイルでのWordPress HTMLテーブルのレスポンシブ対応

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

WP Table Manager には、スクロール、列の非表示、ヘッダーの繰り返し(データヘッダーグループ)という3つのレスポンシブモードがあり、それぞれ画面サイズに応じてテーブルの表示方法を変えます。.

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

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

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

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

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

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

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

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

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

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