jquery.datatables添加跳转到指定页

最新推荐文章于 2024-08-10 07:10:26 发布

kusedexingfu

最新推荐文章于 2024-08-10 07:10:26 发布

阅读量1.3w

点赞数 9

文章标签： datatables

本文链接：https://blog.csdn.net/kusedexingfu/article/details/54668120

版权

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。