jQuery.datatables默认不支持跳转到指定页面
解决方法如下:
'fnDrawCallback': function(table) {
$("#tableId_paginate").append(" 到第 <input type='text' id='changePage' class='input-text' style='width:50px;height:27px'> 页
<a class='btn btn-default shiny' href='javascript:void(0);' id='dataTable-btn' style='text-align:center'>确认</a>");
var oTable = $("#tableId").dataTable();
$('#dataTable-btn').click(function(e) {
if($("#changePage").val() && $("#changePage").val() > 0) {
var redirectpage = $("#changePage").val() - 1;
} else {
var redirectpage = 0;
}
oTable.fnPageChange(redirectpage);
});
},
如代码所示,在$("#memberDg").DataTable中添加上面的元素
ps:tableId_paginate表示你希望其所在的位置,这里是插件分页条div的id,oTable表示其表格,修改tableId为你表格id即可。