jquery dataTable 改变页面

Question

各位!我需要更改数据表中的分页。我得到这个

我需要改成那个

我试过这样修改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();
});

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