レスポンシブに要素を消さずに変形するテーブル実装jQueryプラグイン「Basic Table」:phpspot開発日誌

Basic Table Demo レスポンシブに要素を消さずに変形するテーブル実装jQueryプラグイン「Basic Table」。 テーブルのレスポンシブ対応は厄介で色々な対応方法がありますが、なかなかスマートな対応ができるプラグイン。 次のように一見普通のテーブル。 ブラウザの幅を狭めると、次のように変形します。 テーブルにmaxHeightを設定して、縦に大きくなり過ぎないような配慮も出来ます。スマホなのでは縦に長すぎると困ることもあるので、便利ですね 関連エントリ インライン編集できるテーブル実装用jQueryプラグイン「editable-table」 HTML5＋JSONでインタラクティブなテーブルを作れる「Dynatable.js」 HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」 複数条件で結果を絞

[poppun1940]

レスポンシブに要素を消さずに変形するテーブル実装jQueryプラグイン「Basic Table」 2014年10月10日- Basic Table Demo レスポンシブに要素を消さずに変形するテーブル実装jQueryプラグイン「Basic Table」。 テーブルのレスポンシブ対

[qrac_jp]

なるほどー。確かにこれは見やすい。

[s99e209]

テーブルのレスポンシブ対応は厄介で色々な対応方法があるが、スマートな対応ができるプラグイン「Basic Table」 ･･･ カラムが多くて横長のテーブルがブラウザの幅を狭めると縦レイアウトに変形する。