[B! table][jQuery Plugin] riyokotterのブックマーク

テーブルをレスポンシブに対応させるのに便利なjQueryプラグインまとめ｜BLACKFLAG

レスポンシブWebデザインのサイトでテーブル（表組み）を組み込む際に要素量の多いテーブルの場合、CSSでレイアウトを無理やり調整したり、スマホレイアウト時はテーブル全体を横スクロールさせるようにしたりとレイアウトに苦労することがよくあります。そんなテーブルをレスポンシブ対応させる際にいろいろと便利に使えそうなjQueryプラグインをまとめて自分用メモとして紹介してみます。 Basic Table (jQuery Responsive Tables) Basic Table (jQuery Responsive Tables) デモページはこちらまず最初は「Basic Table」。画面幅に応じて見出し要素を複製するかたちでテーブルを項目の並びを整えて収めてくれます。様々なレイアウトパターンが用意されていてテーブルが長くなる場合にはスクロール制御する機能もあり、いろい

riyokotter 2015/07/21

リンク

ヘッダ、フッタを固定したテーブルを実装できるjQueryプラグイン「jTableScroll」:phpspot開発日誌

Mike Allison - jTableScroll ヘッダ、フッタを固定したテーブルを実装できるjQueryプラグイン「jTableScroll」テーブルが長くなると、これは何の数値だったかと分からなくなることがよくありますが、ヘッダを固定できるので、そういうことがないようにできます。 thead,tfootで定義をしておけばあとはこのプラグインで初期化するだけです。関連エントリ高機能＆高速なテーブル実装jQueryプラグイン「WATable」テーブル内容の編集がその場で出来て便利になる「jQuery-Tabledit」 HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる「HTML table Export」ブラウザ内で50万件のテーブルもサクサクで表示できるようにする「Clusterize.js」

riyokotter 2015/06/10

リンク

レスポンシブに要素を消さずに変形するテーブル実装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」複数条件で結果を絞