jQuery DataTable自定义分页按钮
jQuery DataTable自定义分页按钮
提问于 2018-05-25 11:42:25
我正在使用jQuery dataTables插件来显示数据，其中一个场景是我需要定制分页按钮，如下所示
<<< Action 1 of 3 >>>
我尝试了"dom": '<"#df"<"pull-right"i p>>',，结果如下所示
Action 1 of 3
<<< >>>我想要传呼按钮里面的信息。有谁能帮忙吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50521186
复制相关文章
相似问题