tablesorter

網址：http://tablesorter.com/docs/example-pager.html

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

20120928新增

打開就有排序的反白：

$("#myTable").tablesorter({sortList: [[0,1]]} )
      .tablesorterPager({container: $("#pager")});

$(document).ready(function() { 
    $("table").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 
            } 
        } 
    }); 
});

針對table每頁幾行，進行優化

在紅色的兩個方塊本來是選上面20下面還是依然是10，優化的話，可以讓上面兩個同步。
程式碼 jQuery：

BODY：

   
        
        
        
        
        
             
                  10
                  20
                  30
                  40
             
   
你的table資料
   
        
        
        
        
        
             
                 10
                 20
                 30
                 40