我正在使用jQuery dataTables
插件来显示数据,其中一个场景是我需要定制分页按钮,如下所示
<<< Action 1 of 3 >>>
我尝试了"dom": '<"#df"<"pull-right"i p>>',
,结果如下所示
Action 1 of 3
<<< >>>
我想要传呼按钮里面的信息。有谁能帮忙吗?
发布于 2018-05-25 12:29:13
您可以使用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
https://stackoverflow.com/questions/50521186
复制相似问题