在数据表的分页控件中显示没有省略号的页面

我正在使用带有Bootstrap的jQuery Datatables JS，我遇到了一个问题，其中有一个解决方法，但它不是最好的。

问题：我的表包含超过4k的记录

如果在桌子上工作的人需要从记录200到300工作并且为了方便，他需要在页面中看到10条记录，然后他可以点击页码上的5，然后点击6，然后点击7一直到第20页。（我知道周围的工作将是显示100条记录，只需点击第3页就可以从200开始，但正如我所说，由于他们的工作，他们更容易看到不超过10每页-20条记录）。

下面的图片显示，当我到达第5页时，我无法访问除第一页，最后一页，下一页或上一页之外的其他页面

是否有任何设置我可以说显示所有页面？

这个表是在服务器端处理的，我添加了选项：

'sPaginationType' : 'full_numbers', 

编辑：

            j$(document).ready(function() { j$('#sharkTankTable').dataTable({ 'aoColumns': aoColumns, 'sPaginationType': 'listbox', // 'pageLength': 10, // // 'sPaginationType': 'ellipses', // 'iShowPages': 10, 'bProcessing': true, 'bServerSide': true, // 'sPaginationType' : 'full_numbers', 'sDom': 'Tlfrtip', 'bFilter': true, 'tableTools':{"sSwfPath": "//cdnjs.cloudflare.com/ajax/libs/datatables-tabletools/2.1.5/swf/copy_csv_xls_pdf.swf"}, 'sAjaxSource': 'fakeUrl', 'fnServerData': function(sSource, aoData, fnCallback) { ..... 

Answer 1

问题

默认情况下，最新版本的DataTables 1.10.7没有此function。

有分页插件 ，提供额外的function。 其中之一， iShowPages ，有iShowPages选项，允许定义在分页控件中显示的页数。

但是根据@ davidkonrad的说明 ， Ellipses插件并不完全支持DataTables 1.10，即不显示当前所选页面和某些按钮的禁用状态。

解

请参阅此答案或jQuery DataTables – 没有省略号的分页以获得更好的解决方案。

Answer 2

我之前遇到过这个问题，您可以使用页面顶部的css隐藏元素，就像这样：

  .ellipsis { display: none; }