[JavaScript][Ext]ソート可能なテーブルを実装する
絶対お勧め！JavaScriptでテーブルソート「Table Sorter」 普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグで作るだけでいい。データ部分は全体をtbodyタグで囲んで、tdタグで記述するだけだ。 Extを使っても同様の方法でソート可能なテーブルを実装できます。 以下のサンプルからExt.grid.TableGridクラスをもらってきて使うだけです。 From Markup Grid Example Script var grid = new Ext.grid.TableGrid('the-table'); grid.render(); ロード時にページ内のテーブル全てに適用したければ下記のような感じでＯＫです。 Ext.onReady(function() { Ext.select('table').each(function (e) { var grid
![[JavaScript][Ext]ソート可能なテーブルを実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/458019f9eb3b0502a1ee27767673b17090247b3a/height=288;version=1;width=512/http%3A%2F%2F2.bp.blogspot.com%2F_sX6CD3lBq0Q%2FRm6CmU50cfI%2FAAAAAAAAABA%2Fa5I5ciMro_I%2Fw1200-h630-p-k-no-nu%2Fext_table_grid.jpg)
sorttable: Make all your tables sortable
As you can see, the above table now has clickable headers that sort the table by the clicked column. Note how the numeric and date columns all sort properly, too, rather than sorting alphanumerically. This is not a new trick, sorting a table using the DOM. However, this mini-library has two nice attributes; the first is, unsurprisingly, that it follows my principles of unobtrusive DHTML, as you'll
com.overset.dev» Blog Archive » Animated Sortable Datagrid jQuery plugin - jTPS
jTPS is a datatable jQuery plugin that offers pagination, animated scrolling through pages and intelligent natural sorting capability. The development version is currently 15KB. DEMO ASSETS As they currently reside on Google Code jTPS.js - LATEST - core jTPS jQuery plugin code jTPS.css - styles required by jTPS jTPS.html - demonstration html instantiating jTPS remaining assets - graphics CHANGELOG
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
