jquery - Jquery DataTable：如果行少于每页的记录，则隐藏分页器

Question

我在表格上方的页面中使用 jquery 数据表 我有每页记录的选择器

<div id="NewsTable_length" class="dataTables_length">
<label><select size="1" name="NewsTable_length" aria-controls="NewsTable">
<option value="25" selected="selected">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select> records per page</label>
</div>

下表我有分页

<div class="dataTables_paginate paging_bootstrap pagination">
<ul>
<li class="prev disabled"><a href="#">← 
<span class="hidden-480">Prev</span></a></li>
<li class="active"><a href="#">1</a></li>
<li class="next disabled"><a href="#">
<span class="hidden-480">Next</span> → </a></li>
</ul>
</div>

我想隐藏 dataTables_paginate ：

 $('.dataTables_paginate').hide();

在：

"fnDrawCallback": function () {
               },

当总行数 < NewsTable_length.selected

有什么建议么？提前致谢，..

Answer 1

"fnDrawCallback": function ( oSettings ){
    if(oSettings.fnRecordsTotal() < 10){     
        $('.dataTables_length').hide();
        $('.dataTables_paginate').hide();
    } else {
        $('.dataTables_length').show();
        $('.dataTables_paginate').show(); 
    }
}

Answer 2

除了接受的答案之外，如果您想根据用户选择的当前长度隐藏它，您可以将硬编码更改10为oSettings._iDisplayLength.

如果您想在将 table 过滤到 1 页时隐藏分页，您可以将 更改oSettings.fnRecordsTotal()为oSettings.fnRecordsDisplay()。