tablesorter()
テーブルにソート機能を実装する。
<script type="text/javascript" src="jquery.tablesorter.min.js"></script>
<!-- 公開サイトのモジュールを使う場合の src
https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.min.js
-->
<table class="sample">
::
</table>$('table.sample')
.tablesorter({
sortList: [ [0,1] ], // 初期で「1列目(0)を、降順(1)」にソートする
widgets: ['zebra'], // "zebra": tr の class に odd, even が付加される
headers: {
3: { sorter: false} // 4列目(3)はソート不可にする場合の例
}
})Pager機能の追加
<script type="text/javascript" src="jquery.tablesorter.pager.min.js"></script> <!-- 追加 -->
<div class="pager">
</div>$('table')
.tablesorterPager({
size: 25, // 初期表示の明細数
output: '{page:input} / {totalPages}', // pagedisplay に出力する内容
container: $('.pager') // pager コンテンツ
})