的tablesorter尋呼機插件 - 顯示所有條目，默認

Question

我使用這個版本的tablesorter：http://tablesorter.com/docs/

有了這個相關的html：

<select class="pagesize form-control text-center"> 
     <option value="20">20</option> 
     <option value="30">30</option> 
     <option value="40">40</option> 
     <option value="all" selected="selected">alle</option> 
</select> 

和這個js：

function tableSorter() 
{ 
    $("#tableOverview") 
    .tablesorter() 
    .tablesorterPager({container: $("#pager")}); 

    var rows = $('table.tablesorter')[0].config.totalRows; 
    $('select.pagesize').find('option:contains("all")').val(rows); 
} 

現在我想要顯示錶格的所有項目爲默認/加載時。如果不違約，你必須加載頁面後，選擇它，它正常工作與此：

var rows = $('table.tablesorter')[0].config.totalRows; 
$('select.pagesize').find('option:contains("all")').val(rows); 

在jquery.tablesorter.pager.js設置大小在默認爲高價值的作品也是如此，但是如果你想對錶格進行排序會導致一個錯誤（當時沒有顯示）。

那麼有什麼方法可以將分頁的默認大小設置爲表格的所有條目嗎？

Answer 1

所有你需要做不同的是將值設置爲喜歡在這兩個選擇的選項值和尋呼機size選項9999一些非常大的數字（demo）：

HTML

<select class="pagesize"> 
    <option value="10">10</option> 
    <option value="20">20</option> 
    <option value="30">30</option> 
    <option value="40">40</option> 
    <option selected="selected" value="9999">all</option> 
</select> 

JavaScript的

$('table') 
    .tablesorter({ 
     widthFixed: true, 
     widgets: ['zebra'] 
    }) 
    .tablesorterPager({ 
     container: $("#pager"), 
     size: 9999 // pick a number larger than your table 
    }); 

Answer 2

// edit in jquery.tablesorter.pager.js, 
    // add to construct function 
    var total_page= config.totalPages; 
    var total_rows_per_page = config.size; 
    var total_rows = total_page*total_rows_per_page; 

    // set value all to .pagesize 
    $(".pagesize").append('<option value="' + total_rows + '">All</option>');