脳汁portalスマートフォン用の表示で見る脳汁portalアメリカ在住(だった)新米エンジニアがその日学んだIT知識を書き綴るブログこの広告は、90日以上更新していないブログに表示しています。RailsjueryプラグインのtablesorterをRailsで使う方法です。tablesorterはtableをsortしたりfilteringするjQueryプラグインです。ソースコードまずはじめに、tablesorterには本家とforkして他の人が開発しているPageの二つのドキュメントがあります本家:http://tablesorter.com/docs/Fork:https://mottie.github.io/tablesorter/docs/今回はForkの方を利用する方法を記載します。ライブラリのダウンロードapp/assets/javascriptsディレクトリにjquery(jquery-2.1.1.min.js)jquery.tablesorter.combined.js(v2.23.2)をダウンロードして配置しますhttps://mottie.github.io/tablesorter/docs/#Downloadtablesorterの処理を記述tableの作成まずは普通にhtmlでtableを作成します。</tbody></table>class属性にtablesorterを指定しますこの時点ではこんな感じのtableです。tablesorter_test.js順番は逆にしないようにしましょうjavascriptsディレクトリ以下全てを読み込む設定にしている場合はそのままでOKですこれだけで一番単純なsort機能は利用できるようになりました各項目でsortすることが出来ますTableSorterの他の機能の利用まずデフォルトのTableがこのような状態ですデフォルトでsortさせる上のままではPage読み込み時にはsortは行われていません。これを最初から特定のcolumnでsortしておくことが可能です。["filter"]widgetsとしてfilterウィジェットを利用すると宣言します。}},widgetsとしてfilterウィジェットを利用すると宣言します。}});これで入力値をリセットすることができます。(1)月別アーカイブ参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!portaltanさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。