使用jquery的tablesorter插件進行表格排序

今天在學習bootstrap的時候，忽然看見tablesorter這個東東了，立馬百度了一下，發現了這個東東。。

             使用jquery的tablesorter插件進行表格排序

下面說一下今天我在項目中看見前輩們用的表格排序

　　

tablesorter的官方網站：http://tablesorter.com/docs/

 使用方法：1.下載tablesorter http://tablesorter.com/jquery.tablesorter.zip

 2.解壓文件，將jquery和jquery.tablesorter.min.js導入到項目文件中

 3.修改html：

 　　1).添加連接

　　　　<script  type="text/javascript" src='/pagemedia/js/jquery.tablesorter.min.js'></script>

　　　　<script  type="text/javascript" src='/pagemedia/js/jquery.min.js'></script>

  　　2).修改表格

 　　　　<table  id="myTable"  class='tablesorter'>爲table添加id和class，class爲tablesorter.

　　　　（注意：table必須有thead和tbody） 

　　3).添加javascript腳本：

 　　　　<script>

  　　　　　　$(document).ready(function(){  $("#myTable").tablesorter();  });  

　　　　</script>

    上面的這句是網上大多地方的寫法，我在項目中發現的寫法是這樣的：