pagination - 如何让省略号可点击以显示下一个分页序列

Question

在 jQuery DataTables 分页控件中显示如下:

1 ... 4 5 6 ... 14

如何使省略号可点击，以便在点击时显示:

1 ... 7 8 9 ... 14

Answer 1

SOLUTION

使用下面的代码:

$('#example').on('init.dt draw.dt', function(e, settings){
    var api = new $.fn.dataTable.Api(settings);

   $('.dataTables_paginate span a:first + .ellipsis', api.table().container()).replaceWith(
       $('<a class="paginate_button">...</a>').on('click', function(e){ 
           api.page('previous').draw('page'); 
           e.preventDefault();
       })
   ); 

   $('.dataTables_paginate .ellipsis', api.table().container()).replaceWith(
       $('<a  class="paginate_button">...</a>').on('click', function(e){
           api.page('next').draw('page');
           e.preventDefault();
       })
   );        
});

var table = $('#example').DataTable();

example 是您的表的 ID。

DEMO

参见 this jsFiddle用于代码和演示。