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

モバイルでJoomlaピクセルパーフェクトレスポンシブテーブルを構築する

レスポンシブモードは、JoomlaでHTMLテーブルを表示するために重要なものであり、デスクトップでも小型デバイス(モバイル、タブレット)でも、レイアウトに小さなスペースがある場合があります。 Droptablesには、スクロール、列の非表示、いくつかのレスポンシブ設定を備えた繰り返しヘッダーの3つのレスポンシブモードがあります。
その他の機能については、メインのプラグインページに戻ってください>

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

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

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

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

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

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

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

スクロールレスポンシブモードでは、テーブルの幅と高さを修正してから、水平方向と垂直方向の両方でオーバーフローを表示します。 水平スクロールはコンテンツの幅によって異なり、スクロール中にフリーズする列の数を選択できます。

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

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

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

60,000人以上のメンバーに参加して、サポートと新しいバージョンのアップデートを入手し


プロ
延長+ 1年間のサポートと更新
$44
1
  • マルチドメイン/マルチサイト
  • 1年更新
  • 1年間のサポート
  • ドロップファイル拡張子
  • Droppics拡張機能
  • DropEditor統合
  • 定期的な支払いなし
  • 日付限定なし
  • 最新の Joomla 3、4、5 に対応
270$
の代わりに 547$
GET
JOOMLA BUNDLE

Bundleすべての Joomla 拡張機能のアクセスを提供し、あらゆる Web サイトで使用できます。
さらに、技術サポートへの完全なアクセスと、各拡張機能のアップデートを 1 年中利用できます。 その時が来ました! 効率を高め、競争力を獲得します。 bundleください。

最近の声と評価