jQuery DataTable 自定义分页按钮答案

【问题标题】：jQuery DataTable Custom Pagination ButtonjQuery DataTable 自定义分页按钮
【发布时间】：2018-05-25 03:42:25
【问题描述】：

我正在使用jQuery dataTables 插件来显示数据，在一种情况下我需要自定义分页按钮，如下所示

<<< Action 1 of 3 >>>

我试过"dom": '<"#df"<"pull-right"i p>>',，输出如下所示

Action 1 of 3
<<<  >>>

我想要分页按钮内的信息。有谁能帮忙吗？

【问题讨论】：

标签： jquery datatables

【解决方案1】：

您可以使用 jQuery 在分页块中替换和添加文本。

作为您的 DataTable 选项，请尝试以下操作：

"pagingType": "simple",

^ 仅更改“上一个”和“下一个”按钮的分页格式。

要在分页块中替换和添加文本，请在表格绘制事件处理程序中执行以下操作：

dTable.on( 'draw', function () {
    $('.paginate_button.previous').html("<<<");
    $('.paginate_button.next').html(">>>");
    var total_records = dTable.rows().count();
    var page_length = dTable.page.info().length;
    var total_pages = Math.ceil(total_records / page_length);
    var current_page = dTable.page.info().page+1;
    $('.paginate_button.previous').after("<strong>Action "+current_page+" of "+(page_length<0?1:total_pages)+"</strong>");
} );

注意：将 dTable 更改为您初始化 DataTable(..) 时使用的变量名。

https://datatables.net/examples/basic_init/alt_pagination.html

【讨论】：

能否详细说明变量名是什么？在您与$('#example').DataTable 的链接示例中，ID #example 是var 名称吗？还是应该以某种方式单独声明？