表排序器寻呼机插件 - 默认显示所有条目

tablesorter pager plugin - show all entries as default

本文关键字：显示 默认 排序 寻呼机 插件      更新时间：2023-09-26

我正在使用这个表排序器版本：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 中的默认值设置为高值也可以，但如果要对表进行排序，则会导致错误（然后不显示任何内容）。

那么有没有办法将分页的默认大小设置为表的所有条目呢？

您需要做的不同是将值设置为一些非常大的数字，例如在所选选项值和寻呼机size选项（演示）中的9999：

.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>

爪哇语

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

   // 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>');
相关文章：