jQuery DataTables 自定义分页 (|<<<< >>>>|)

Question

我想请求您有关 DataTables 插件的帮助。

我按照数据表网站上的设置文档完成了所有设置，如下所示:

    $("#DataTableNuse").DataTable(
{        
    ordering: true,
    bLengthChange: false,
    iDisplayLength: 10,
    bFilter: false,
    pagingType: "full_numbers",
    bInfo: false,
    dom: "Bfrtip",
    buttons:
    [
        { extend: 'pdf', text: 'Exportar PDF', title: 'Nuse' },
        { extend: 'excel', text: 'Exportar Excel', title: 'Nuse' }
    ],
    language:
    {
        emptyTable: "<li class='text-danger' align='center'>NUSE não encontrada</li>",
        paginate:
        {
            previous: "<",
            next: ">",
            first: "|<",
            last: ">|"
        }
    }    
});

还尝试了“完整”选项，而不是“full_numbers”。

Pagination layout

一切正常，但问题是我需要更改布局以正确遵循客户的标准。

我需要如下所示的新布局:

New pagination layout

地点:

">"将对 10 中的 10 进行分页

“>>”将在 20 中分页 20

“|>”最后一页

任何人都可以帮我解决这个问题。

提前谢谢您。

最诚挚的问候，

蒂亚戈

Answer 1

您可能需要像这样手动执行此操作:

https://jsfiddle.net/7ramuk9c/1/

第一次和每次绘制表格时添加<<和>>按钮:

addExtraButtons();
$('#example').on("draw.dt", function(e) {
    addExtraButtons();
})

必要时禁用:

 if (currentPage.page == 0) {
     $(".quick_previous").addClass("disabled")
 }

向 << 和 >> 按钮添加事件:

function quickPrevious(e) {
   var pageToGoTo = (currentPage.page - 2) <= 0 ? 0 : (currentPage.page - 2);
   table.page(pageToGoTo).draw(false);
}