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 を使用するのが最適です。プラグインの詳細は、こちら