如何在jQuery DataTables分页控件之间添加分页信息文本？

你找对路子啦！jQuery DataTables 完全支持自定义这种「Page X of Y」格式的分页信息，你代码里用到的 language.info 配置就是干这个的核心设置。

这里的占位符有特定含义：

• _PAGE_：会自动替换为当前所在的页码
• _PAGES_：会自动替换为总页数

你写的代码其实已经能实现需求了，我把它整理得更清晰一点：

var table = $('#example').DataTable({
  pagingType: "full", // 使用完整的分页控件（包含首页、上一页、下一页、末页）
  pageLength: 5, // 每页显示5条数据
  info: true, // 开启分页信息显示（必须设为true才会展示你自定义的info文本）
  language: {
    info: "Page _PAGE_ of _PAGES_", // 自定义分页信息格式
    paginate: {
      previous: '<', // 自定义上一页按钮文本
      next: '>' // 自定义下一页按钮文本
    }
  }
});

小补充：如果想调整这个分页信息的显示位置或者样式，可以通过CSS修改DataTables自动生成的 .dataTables_info 类元素就行~

内容的提问来源于stack exchange，提问作者Ninja