jquery.datatables添加跳转到指定页
2017-01-22 14:07
375 查看
jquery.datatables是一款很出色的表格插件,中文网地址,然而默认的却不支持跳转到指定页,不过不要紧,只要稍微加些参数代码就可以了。
也就是说只需要添加fnDrawCallback参数就可以了。其中选择器tableId是表格的id属性,而tableId_paginate选择器是在插件生成的分页条的div的id。
$('#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。
相关文章推荐
- jquery.datatables添加跳转到指定页
- JQuery.dataTables表格插件添加跳转到指定页
- JQuery.dataTables表格插件添加跳转到指定页
- jquery.datatables添加页面跳转的功能
- a标签跳转到指定div,jquery添加和移除class属性
- jQuery中Datatables增加跳转到指定页功能
- a标签跳转到指定div,jquery添加和移除class属性的实现方法
- 利用jquery给指定的table动态添加一行、删除一行
- 使用jquery在table指定行后添加新行
- jquery的table操作之在指定行后添加新行
- jquery 给指定的表格添加行
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- Jquery实现table行数的增加,删除,实现指定行数的添加等应用~~~~!!!!
- js,jquery滚动/跳转页面到指定位置的实现思路
- 利用jquery给指定的table动态添加一行、删除一行
- 在tabelview上添加悬浮按钮,跳转顶部 或指定地方
- jquery动态给指定的table添加一行tr td
- Jquery实现倒计时跳转到指定页面或关闭窗口
- 利用jquery给指定的table动态添加一行、删除一行