该插件位ExtJs翻页风格,允许用户在输入框里直接输入页码或者点击按钮翻页。如果你要实现如下效果,按照下面的代码示例参考即可。
ps:该插件是基于1.9版本,1.10版的此风格翻页插件看这里
使用方法如下代码所示:
<link rel="stylesheet" type="text/css" href="/assets/datatables/1.9.4/css/jquery.dataTables.css"> <link rel="stylesheet" type="text/css" href="/plug-ins/pagination/extjs/extjs.css"> <script type="text/javascript" language="javascript" src="/assets/datatables/1.9.4/js/jquery.dataTables.js"></script> <script type="text/javascript" language="javascript" src="/plug-ins/pagination/extjs/extjs.js"></script> <script> $(document).ready(function () { $('#example').dataTable({ 'sPaginationType': 'extStyle' }); }); </script>
Translation from DataTables.net, with permission