Joomlaでのレスポンシブテーブル改善

Droptables は、Joomlaのテーブルをほぼマスターしました。最近のアップデートで、 Droptables は、より多くの種類のデータ、より多くの方法で数式を処理する機能、そしてスプレッドシートのようにテーマでテーブルをスタイルする新しいオプションを追加しました。最新のアップデートは、すべてを一度に改善するレスポンシブテーブルに関するものです。Joomlaのためのより良いレスポンシブテーブルです。 

テーブルに関する1つの懸念は、それが占めるスペースです。デスクトップ環境では、Webブラウザは大きなテーブルを快適に収めることができ、少なくともナビゲーションを簡単にします。しかし、タブレットやモバイルデバイスでは、小さなテーブルでさえも快適に収まらないことがあります。Joomla用のDroptablesの最新バージョンでは、デスクトップ、タブレット、スマートフォンでテーブルをより見栄えよくするための新機能が追加されました。さっそく見てみましょう！

レスポンシブJoomlaテーブルのテーマ 

Droptables はこれらの年を通じて、Joomlaテーブルに多くの機能を追加し、シンプルなテーブルとより複雑なスプレッドシートの区別が曖昧になるほどでした。課題は、デスクトップデバイスとタブレットおよびモバイルの両方で、同じ、または少なくとも可能な限り似たようにテーブルを再現する方法です。. 

Droptables 3.7の最新アップデートでは、Joomlaブログのレスポンシブデザインへの移行がさらにスムーズになりました。すべてのレスポンシブオプションは、テーブルマネージャーの 「フォーマット」 メニューにある「 レスポンシブオプション」 項目に表示されます。ここから、デバイスのサイズに関係なく、さまざまな種類のデバイスでのテーブルの動作を管理できます。

たとえば、必要なレスポンシブなJoomlaテーブルのタイプを選択できます。レスポンシブテーブルは、小さなデバイスでスクロールバーを持つか、重要なデータと数値に適合するようにいくつかの列を非表示にすることができます。また、テーブルのヘッダーを繰り返すように設定することもできます。これにより、列を一次元のビューに置き換えるようにテーブルを再構成します。下のGIFは、選択を支援するためのテーブルの動作を示しています。.

選択したレスポンシブ動作のタイプに応じて、より細かい粒度でテーマを設定できます。たとえば、スクロールモードではテーブルの高さを設定できます。列を非表示にすることを選択した場合、 Droptables が優先する最も重要な機能を選択できます。また、ヘッダーを繰り返してコンパクトなビューですべてのデータを表示することを選択した場合、 Droptables 3.7には新しいオプションが導入されています。. 

Retaining table style on tablets and mobile devices 

レスポンシブオプションのリストはどんどん長くなっており、今回、繰り返されるヘッダーが更新される番になりました。レスポンシブなJoomlaテーブルの繰り返しヘッダービューには、テーブルのブレークポイント、最大高さ、スタイルの3つのオプションがあります。. 

ブレークポイントは、テーブルがレスポンシブになるときを決定します。ウェブブラウザの視点、つまりJoomlaブログの表示領域が特定の幅以下になると、 Droptables はデフォルトのテーブルビューから繰り返しヘッダービューに自動的に切り替わります。たとえば、モバイルデバイスでは、ビューポートはデバイスの幅（ピクセル単位）であり、レスポンシブビューをトリガーします。.

レスポンシブハイトは異なる目的を果たします。繰り返されるヘッダービューはデータの一次元表現を使用するため、2つの列のみで、テーブルはJoomlaブログを占有する非常に長い要素に急速に変化する可能性があります。したがって、スクロールビューと同様に、レスポンシブハイトはレスポンシブテーブルの最大の高さを確立します。. 

最後に、レスポンシブモードのスタイリングについて説明します。以前の Droptables 異なる列（繰り返し見出しビューでは上下に並んだ行）を交互にグレーの色で表示していました。独自のテーブルスタイルを適用していた場合、 Droptables は引き続き選択できます、 ほとんどのスタイリングオプションを上書きしていました。デフォルトのレスポンシブモードのスタイリングが、最新バージョンでは、テーブルからスタイルを設定することも選択できるようになり、これにより独自のスタイルとテーマが保持されます。

表は、普遍的に理解された形式でデータを表示する優れた方法です。ただし、タブレットやモバイル デバイスは、大量のデータを処理するようには設計されていません。心配はいりません。 Droptables は両方の面で改善を続け、Joomla でのデータとその表示を改善し、デスクトップ、タブレット、スマートフォンのいずれでも、表が完全に表示されるようにします。.

また、 Excel の機能とも完全に互換性があります！

Joomla で表が必要な場合は、 Droptables を使用するのが最適です。プラグインの詳細は、 こちらをご覧ください。