Basic Table Demo

レスポンシブに要素を消さずに変形するテーブル実装jQueryプラグイン「Basic Table」。
テーブルのレスポンシブ対応は厄介で色々な対応方法がありますが、なかなかスマートな対応ができるプラグイン。

次のように一見普通のテーブル。



ブラウザの幅を狭めると、次のように変形します。



テーブルにmaxHeightを設定して、縦に大きくなり過ぎないような配慮も出来ます。スマホなのでは縦に長すぎると困ることもあるので、便利ですね



関連エントリ

• インライン編集できるテーブル実装用jQueryプラグイン「editable-table」
• HTML5＋JSONでインタラクティブなテーブルを作れる「Dynatable.js」
• HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」
• 複数条件で結果を絞り込めるテーブルを実装できるjQueryプラグイン「Multifilter」