jQuery DataTable自定义分页按钮

时间:2018-05-25 03:42:25

标签: jquery datatables

我正在使用jQuery dataTables插件来显示数据,我需要一个场景来自定义分页按钮,如下所示

<<< Action 1 of 3 >>>

我试过"dom": '<"#df"<"pull-right"i p>>',,输出就像下面的

Action 1 of 3
<<<  >>>

我想要分页按钮内的信息。任何人都可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

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

作为DataTable选项,请尝试以下操作:

"pagingType": "simple",

^更改之前&#39;的分页格式和&#39;下一步&#39;只有按钮。

要在分页块中替换和添加文本,请在表格绘制事件处理程序中执行:

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