Pagination 如何单击省略号以显示下一个分页序列

Pagination 如何单击省略号以显示下一个分页序列,pagination,datatables,Pagination,Datatables,在jQuery DataTables中,分页控件显示如下: 1。。。4 5 6 ... 十四, 如何使省略号可单击,以便在单击时显示: 1。。。7 8 9 ... 十四, 解决方案 使用以下代码: $('#example').on('init.dt draw.dt', function(e, settings){ var api = new $.fn.dataTable.Api(settings); $('.dataTables_paginate span a:first + .

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

1。。。4 5 6 ... 十四,

如何使省略号可单击,以便在单击时显示:

1。。。7 8 9 ... 十四,

解决方案

使用以下代码:

$('#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();
$(“#示例”).on('init.dt draw.dt',函数(e,设置){
var api=new$.fn.dataTable.api(设置);
$('.dataTables_paginate span a:first+.省略号',api.table().container()).replaceWith(

$('用于代码和演示。

您好,但在您的情况下,它与“上一步”或“下一步”按钮几乎相同。如何使它跳到下一个序列,因此,如果我在第4页、第5页或第6页,一旦我按下省略号“下一步”,它将显示下一个序列789,并打开第8页(中间的一页)?@Harts,您可以在上面的单击功能中添加该逻辑,以转到所需的页码,而不是使用来检索有关表格分页的信息时的
上一页
/
下一页