jQuery tablesorterプラグインの使用

----------------------------------------------------------------------------------------------------------------

table{
 border:0px solid #EEE;
 cellspacing:1px;
}
th{
 background-image:url(bg.gif);
 background-color: #88FFFF;
}
th.headerSortUp {
 background-image: url(asc.gif);
 background-color: #3399FF;
}
th.headerSortDown{
 background-image: url(desc.gif);
 background-color: #3399FF;
}
th.header {
 background-image:url(bg.gif);
 cursor: pointer;
 font-weight: bold;
 background-repeat: no-repeat;
 background-position: center right;
 padding-left:20px;
 border-right:0px solid #dad9c7;
 margin-left: -1px;
}
td{
 width:150px;
}

----------------------------------------------------------------------------------------------------------------

/**
 Start by telling tablesorter to sort your table when the document is loaded:
*/
$(document).ready(function(){
 $("#myTable").tablesorter();
});
/**
配列表[0,0][1,0]第1列、第2列を昇順に並べ替える[列インデックス、並べ替え方向]0 asc 1 desc
Click on the headers and you'll see that your table is now sortable!You can also pass in configuration options when you initialize the table. This tells tablesorter to sort on the first and second column in ascending order.
*/
$(document).ready(function(){
 $("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} );
});
/**
ソートオプション設定
*/
$(document).ready(function(){
 $("#myTable").tablesorter({widthFixed: true, widgets: ['zebra']});
});
/*
var myTextExtraction = function(node){
 //extract data from markup and return it     
 return node.childNodes[0].childNodes[0].innerHTML;
}
$(document).ready(function(){
 $("#myTable").tableSorter({textExtraction: myTextExtraction});
});
*/

/**
第2列は禁止する.3列ごとに
*/
$(document)をソートする.ready(function(){
 $("myTable").tablesorter({
  //pass the headers argument and assing a object
  headers: {
   //assign the secound column (we start counting zero)
   1: {
   //disable it by setting the property sorter to false
   sorter: false},
   //assign the third column (we start counting zero)
   2: {
   //disable it by setting the property sorter to false
   sorter: false}
  }
 });
});

/**
THを使用するとボタン
$(document)に似ています.ready(function(){
 $("#myTable").tableSorter(
  {cancelSelection:true}
 );
});
*/

/**
ある列を強制的に並べ替えると動かなくなり、他の列はその列に従って並べ替える
Sort multiple columns simultaneously by holding down the shift key and clicking a second,third or even fourth column header!
*/
$(document).ready(function(){
 //call the tablesorter plugin/
 $("myTable").tablesorter({
  //set forced sort on the fourth column and i decending order.
  sortForce: [[0,0]]}
 );
});

/**
キーの交換
*/
$(document).ready(function(){
 //call the tablesorter plugin
 $("table").tablesorter({
  //change the multi sort key from the default shift to alt button
  sortMultiSortKey: 'altKey'
 });
});

/**
$(document).ready(function(){
 $("table").tablesorter();
 $("#ajax-append").click(function() {
  $.get("assets/ajax-content.html",function(html) {
   //append the "ajax'd"data to the table body
   $("table tbody").append(html);
   //let the plugin know that we made a update
   $("table").trigger("update");
   //set sorting column and direction, this will sort on the first and third column
   var sorting = [[2,1],[0,0]];
   //sort on the first column
   $("table").trigger("sorton",[sorting]);
  });
  return false;
 });
});
**/

$(document).ready(function(){
 $("myTable").tablesorter({widthFixed: true, widgets: ['zebra']})
  .tablesorterPager({container: $("#pager")});
});