2007-11-06

jQuery tablesorter HTML 要素を含む列でテーブルの行を並び替える

jQuery plugin: Tablesorter 2.0 は、テーブルの値に HTML 要素が含まれていても、自動的に、半自動的に、もしくは指定したルールにしたがって、テーブルをソートできる柔軟性を備えています。

都道府県を表すテーブルを題材に、span と a の複数の要素を含む列をソートする方法をまとめました。

HTML 要素を含む列でテーブルの行を並び替える

tablesorter 公式サイトの textExtraction を使ったデモ では、textExtraction プロパティに function を指定して、並べ替えのテキストを決定していますが、要素のテキストを使うだけなら もっと簡単に textExtraction プロパティに function 以外かつ simple 以外を指定するだけで、多くのケースをカバーできることがわかります。

Ajaxデザインパターン ―ユーザビリティと開発効率の向上のためにAjaxデザインパターン ―ユーザビリティと開発効率の向上のために
Michael Mahemoff 牧野 聡

デザイニング・インターフェース ―パターンによる実践的インタラクションデザイン JavaScriptクイックリファレンス 第5版―JavaScript1.5対応 初めてのJavaScript―Ajax&DOM対応 JavaScript 第5版 WEB+DB PRESS 総集編 [Vol.1~36]

by G-Tools

0 件のコメント: