jquery dataTable更改页面

Question

大家好！我需要在dataTable中更改分页。我得到了这个

我需要改变那个

我试图像这样改变css

  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    margin-left:100px;
}

但我失败了。你有什么想法吗？ 谢谢你的帮助！

Answer 1

如果您的pagingType表格为full_numbers

var table = $('#example').DataTable({
  pagingType: "full_numbers"
});

你可以用这种方式隐藏第一个和上一个按钮

$('#example').on('draw.dt', function() {
  $('.paginate_button.previous,.paginate_button.first').hide();
});

它看起来像上面的图片 - 演示 - ＆gt;的 http://jsfiddle.net/n5dyy8px/