在jQuery DataTables中分页控件的显示方式如下:
1…4 5 6…14
我如何使省略号可点击,这样当它被点击时,它会显示:
1…7 8 9…14
<解决方案/strong>
使用以下代码:
$('#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。
演示strong>