レスポンシブWebデザインで使えそうな2つのテーブル実装例

以前の投稿で書きましたが、レスポンシブWebデザインでサイトを制作する際の課題の一つは、データの多いテーブルの見せ方です。その課題をクリアする「この方法なら行けるかも！」と思えるものが2つほどあったのでご紹介します。 どちらも甲乙つけがたい良い実装例で、技術的な問題がなければレスポンシブなテーブルの代表的な実装手法になっていくのでは？と思っています。 ドロップダウンでカラムの表示・非表示を選択 まずは、レスポンシブWebデザインの情報を探していると良く出てくるボストンの制作会社、Filament GroupのMaggie Costello Wachsさんが考案したものをご紹介します。オープンソース（GPL License）で、コードは自由に使って良いようです。 以下の画像のように、ドロップダウンメニューを実装して、カラムの表示・非表示をチェックボックスでコントロールできるようになっています

[torimoku]

テーブルをスマホの時はソートにするとか、横スクロールにするとかして見やすくするというjsについて

[kemba]

　table

[watanata2000]

テーブル実装

[yoshida2855]

やっぱりスクロールなのかーむずかしいよね、スクロールバー的なものがあればもっと楽に済むのに。

[poyosi]

これは良いレスポンシブ…!!!

[take-it]

非常に便利そう。

[nao14115]

レスポンシブWebデザインで使えそうな2つのテーブル実装例