javascript - tablesorter pager 插件 - 默认显示所有条目

Question

我正在使用这个表格排序器版本: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

所有你需要做的不同是将值设置为一些非常大的数字，如 9999 在所选选项值和寻呼机 size 选项 ( 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
    });