htmlのtableのデータをエクセルのように並べ替えることができる

HTML

jQueryのダウンロードページにアクセスしてください。ソースを読んだり変更を加える予定が無ければ「Download the compressed, production jQuery 〇〇」と書かれたファイルをダウンロードしてください。この〇〇というところにはバージョンが入ります。

続いてtabsorter2.0のページにアクセスしてください。Downloadという項目の「jquery.tablesorter.min.js」というファイルをダウンロードしてください。

<SCRIPT type="text/javascript" src="./jquery-〇〇.min.js"></SCRIPT>
<SCRIPT type="text/javascript" src="./tablesorter.min.js""></SCRIPT>
<script type="text/javascript">
jQuery(function($) {
$('.narabikae').tablesorter();
});
</script>


そしてソート機能をつけたいtableタグにnarabikaeというクラスを指定すれば完了です。

<table class="narabikae">


ソ－ス：tableをソート機能で並び替える | HTMLとSEOの事情