不同的分页样式

1. 首页
2. 示例
3. 不同的分页样式

Tags: 例子 基本初始化

默认情况下 Datatables 的分页就是上一页、下一页和6个页数按钮，这适合大部分情况。不过也有用户不喜欢这样，Datatables提供了四个模式供用户选择，通过设置pagingType选项来配置

• numbers - 只有只有数字按钮
• simple - 只有上一页、下一页两个按钮
• simple_numbers - 除了上一页、下一页两个按钮还有页数按钮，Datatables默认是这个
• full - 有四个按钮首页、上一页、下一页、末页
• full_numbers - 除首页、上一页、下一页、末页四个按钮还有页数按钮
• first_last_numbers - 除首页、末页两个按钮还有页数按钮

更多分页插件，参考 这里。

ps:DataTables中文网总结了问的最多的是指定页面跳转传送门

下面的例子展示了full_numbers类型的分页

<!--引入css-->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css">
 
<!--引入JavaScript-->
<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
 
<!--初始化代码-->
<script>
     $(document).ready(function() {
           $('#example').DataTable({
                 "pagingType":   "full_numbers"
           });
      });
</script>

https://datatables.net/examples/basic_init/alt_pagination

Translation from DataTables.net, with permission