DataTables js中的自定义分页

$('#myTable').DataTable({
  pagingType: 'custom',
  paging: true,
  pageLength: 10,
  lengthMenu: [10, 25, 50, 100],
  drawCallback: function(settings) {
    // 自定义分页逻辑
    var api = this.api();
    var pagination = $(this).closest('.dataTables_wrapper').find('.dataTables_paginate');
    var info = $(this).closest('.dataTables_wrapper').find('.dataTables_info');
    
    pagination.empty();
    info.empty();
    
    var totalRecords = api.page.info().recordsTotal;
    var totalPages = Math.ceil(totalRecords / api.page.len());
    var currentPage = api.page.info().page + 1;
    
    var start = (currentPage - 1) * api.page.len() + 1;
    var end = Math.min(start + api.page.len() - 1, totalRecords);
    
    info.text('显示第 ' + start + ' 到第 ' + end + ' 条记录，共 ' + totalRecords + ' 条');
    
    if (totalPages > 1) {
      var paginationHtml = '';
      
      if (currentPage > 1) {
        paginationHtml += '<a class="paginate_button previous" href="#" data-page="' + (currentPage - 1) + '">上一页</a>';
      }
      
      for (var i = 1; i <= totalPages; i++) {
        if (i === currentPage) {
          paginationHtml += '<a class="paginate_button current" href="#" data-page="' + i + '">' + i + '</a>';
        } else {
          paginationHtml += '<a class="paginate_button" href="#" data-page="' + i + '">' + i + '</a>';
        }
      }
      
      if (currentPage < totalPages) {
        paginationHtml += '<a class="paginate_button next" href="#" data-page="' + (currentPage + 1) + '">下一页</a>';
      }
      
      pagination.html(paginationHtml);
      
      // 绑定分页按钮的点击事件
      pagination.find('a.paginate_button').on('click', function() {
        var page = $(this).data('page');
        api.page(page - 1).draw(false);
      });
    }
  }
});