2008-07-20
tableのヘッダ固定やソートとかのAjax系ライブラリまとめ
1週間かけて食中毒もなんとか直ったのでブログ再開します。(もうこりごりです....)
例のごとくはてブをすっきりさせたいのでtable関連のリンクをこちらにまとめてく予定です。まだまだありそうですが、おいおい追加してきます。
コアライブラリ非依存系
- Table Sorter
- ソート | MOONGIFT | demo
- table sorting
- ソート | to-R | demo
- OrderByColumn
- ソート | PHPSPOT | demo
- Tiny Table
- ソート、縞々、ページング | coliss | demo
- Scrollable HTML table
- ヘッダ固定 | PHPSPOT | demo
- Super Tables
- ヘッダ・列固定 | coliss demo
- simahebi.js
- 縞々 | firstAudience
- Tablecloth
- マウスオーバーでハイライト | CREAMU | demo
- dhtmlxGrid
- 多機能 | PHPSPOT | demo
- Editable JavaScript TreeGrid
- 多機能 | PHPSPOT | demo
- Sigma Grid
- 多機能 | MOONGIFT | demo
jQuery系
- jQuery Grid Plugin
- ヘッダ固定 | ヘッダ幅可変 | skuare.net | demo
- Table Drag and Drop
- ドラッグ&ドロップ | demo
- jQuery treeTable 2.0
- ツリー | PHPSPOT | demo
- jQuery Grid(jqGrid)
- 多機能 | PHPSPOT | demo
mootools系
- Table-Sort
- ソート | skuare.net | demo
- sortable table
- ソート | フィルタ | demo
- ElasticTable
- 選択セルの拡大 | skuare.net | demo
Prototype.js
- MyTableGrid
- 多機能 | PHPSPOT | demo
YUI
- Data Table
- 多機能 | PHPSPOT | demo
Ext.js
考察系
- tableの横列・縦列をハイライト - 404 Blog Not Found
- スクロール可能なテーブル w/o JavaScript
- tbodyをスクロール可能に - Sybianの日記
- CSS で tbody 要素を一定の高さにして、 overflow: auto でスクロール表示にする tips - HXXK.JP
- IEでは、tbodyのinnerHTMLを更新できない - ひがやすをblog
- 続、IEでは、tbodyのinnerHTMLを更新できない - ひがやすをblog
- IE6でtable要素のappendChild - オレがルールだ!
- HTML TABLEタグでヘッダを固定にしてデータ部だけスクロール - オレがルールだ!
- HTML TABLEタグでヘッダを固定にしてデータ部だけスクロール その2 - オレがルールだ!
- HTML TABLEタグでヘッダを固定にしてデータ部だけスクロール その3 - オレがルールだ!
- colgroup / col 要素を活用してみる - WWW WATCH
- tableの膨張を防ぐ【css tips】- to-R
- テーブルのセルをドラッグで選択する方法 [JavaScript, Tips]- Programming Magic
- 縞々のテーブル - ?D of K
- 表組みのための CSS サンプル - 我的春秋
- DOMでテーブルを操作する - yscjp.com
- テーブルをソートする - とほほ
- スタイルシートで実装するテーブルのデザインパターンとそのポイント - coliss
- DOM sort list table リストをソートしたいのですが... - OKWave
- 表の中の列の順番を入れ替える場合の表示方法 - OKWave
- DOMでtableにtr要素を追加する - OKWave
- CSS を使った見栄えの良いテーブル パート2 - バシャログ
- マウスオーバー時テーブルの背景色を変えているのですが(rowspanあり) - OKWave
- jQuery 系はこちらをどうぞ
まとめ系
- 523 http://find-out.me/20081215183329.php
- 270 http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rlz=1T4GWYH_jaJP272JP272&q=css+グラデーション
- 250 http://www.google.co.jp/search?hl=ja&client=firefox-a&rls=org.mozilla:ja:official&hs=m5o&q=テーブル+固定+jquery -固定リンク&btnG=検索&lr=lang_ja
- 164 http://7cc.biz/archives/312
- 139 http://find-out.me
- 97 http://www.google.co.jp/search?hl=ja&lr=lang_ja&client=firefox-a&rls=org.mozilla:ja:official&hs=tDZ&q=ajax+table&start=10&sa=N
- 86 http://www.google.co.jp/search?hl=ja&q=ajax+テーブル &btnG=検索&lr=lang_ja
- 85 http://www.google.com/search?hl=ja&lr=lang_ja&ie=UTF-8&oe=UTF-8&q=IE+data:image&num=50
- 84 http://www.google.co.jp/search?q=ajax+テーブル&lr=lang_ja&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&client=firefox-a
- 81 http://www.google.co.jp/search?hl=ja&q=テーブル ヘッダ固定+横スクロール&lr=lang_ja