我正在使用jQuery dataTables
插件来显示数据,我需要一个场景来自定义分页按钮,如下所示
<<< Action 1 of 3 >>>
我试过"dom": '<"#df"<"pull-right"i p>>',
,输出就像下面的
Action 1 of 3
<<< >>>
我想要分页按钮内的信息。任何人都可以帮忙吗?
答案 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