jquery.tableSort.js表格排序插件使用方法详解

  #tip {

  border: solid 1px black;

  width: 358px;

  line-height: 21px;

  height: 21px;

  padding: 2px 10px;

  background-color: pink;

  font-size: 12px;

  text-align: center;

  margin: 10px auto 10px;

  }

  .table {

  width: 380px;

  margin: 0 auto;

  border-collapse: collapse;

  text-align: center;

  }

  .table tr td,

  .table tr th {

  background: greenyellow;

  border: solid 1px red;

  color: #666;

  height: 30px;

  /*line-height: 30px;*/

  }

  .table tr th {

  background: #89AFB1;

  color: red;

  text-align: center;

  font-size: 14px;

  }

  .table a,

  .table a:visited {

  color: red;

  text-decoration: none

  }

  .table a:hover,

  .table a:active {

  color: blue;

  text-decoration: none

  }

  $(function() {

  $('table').tablesort().data('tablesort');

  var i = 0;

  $(".table tr th a").click(function() {

   if (i % 2 == 0) {

   $(".sj").text('升序');

   i++;

   } else {

   $(".sj").text('降序');

   i++;

   }

  })

  })

 默认无排列规则(----)