该插件位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