[jQuery]好用的Client端Table Pagination搭配ASP.NET

引用來源 : http://neoalchemy.org/tablePagination.html

引用方式

    
  #tablePagination  
  {   
  background-color: #DCDCDC;   
  font-size: 0.8em;   
  height: 20px;   
  padding: 0px 5px;   
  }   
  #tablePagination_paginater   
  {   
  margin-left: auto;   
  margin-right: auto;   
  }   
  #tablePagination img   
  {   
  padding: 0px 2px;   
  }   
  #tablePagination_perPage   
  {   
  float: left;   
  }   
  #tablePagination_paginater   
  {   
  float: right;   
  }   
    

   
     $(document).ready(function() {  
        var options = {  
         currPage: 1,  
         //ignoreRows: $('tbody tr:odd', $('#tbCardData')),  
         optionsForRows: [5, 10, 25, 50, 100],  
         rowsPerPage: 100,  
         firstArrow: (new Image()).src = "/images/firstBlue.gif",  
         prevArrow: (new Image()).src = "/images/prevBlue.gif",  
         lastArrow: (new Image()).src = "/images/lastBlue.gif",  
         nextArrow: (new Image()).src = "/images/nextBlue.gif",  
         topNav: true  
       }  
       $('table[id=tb1]').tablePagination(options);  
     });  
    

可調整選項(稍微翻譯一下XD)
firstArrow - 移至第一頁圖檔
prevArrow - 移至上一頁圖檔
lastArrow - 移至最後一頁圖檔
nextArrow - 移至下一頁圖檔
topNav - Boolean - 分頁選單出現位置. 預設: false(表的下方)
rowsPerPage - Number - 一頁要有幾行. 預設: 5
currPage - Number - 分頁預設在第N頁. 預設: 1
optionsForRows - Array - 每一分頁要顯示幾行資料. 預設: [5,10,25,50,100]
ignoreRows - Array - 忽略"行". 當你有空白行資料 會搞亂分頁計數可用. Default: []


ASP.NET 使用table元件 標頭在換頁時不消失

   
 =