前の記事 ≪:チェックするといい感じにアニメーションするcheck,radioが作れるjQueryプ...
次の記事 ≫:ページを複数枚重ねたようなフルスクリーンページが作れる「pagePiling....

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

2014年10月10日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Basic Table Demo

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

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



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



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



関連エントリ

関連の記事検索:jQuery, テーブル, レスポンシブ, table, responsive
スポンサード リンク

By.KJ : 2014年10月10日 09:00 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)