jquery.datatables添加跳转到指定页

来源：互联网发布：yum repolist卡死编辑：程序博客网时间：2024/06/08 09:16

jquery.datatables是一款很出色的表格插件，中文网地址，然而默认的却不支持跳转到指定页，不过不要紧，只要稍微加些参数代码就可以了。

$('#tableId').dataTable({fnDrawCallback: function(table) {$("#tableId_paginate").append("  到第 <input style='height:28px;line-height:28px;width:40px;' class='margin text-center' id='changePage' type='text'> 页  <a class='btn btn-default shiny' style='margin-bottom:5px' href='javascript:void(0);' id='dataTable-btn'>确认</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);});}});

也就是说只需要添加fnDrawCallback参数就可以了。其中选择器tableId是表格的id属性，而tableId_paginate选择器是在插件生成的分页条的div的id。

0 0