如何通过全局配置防止DataTable分页重置？实现数据重载后保持当前页的全局方案

一、关于修改插件源文件的合理性 #

首先不建议直接修改datatables.bootstrap.js这类插件核心文件，主要有两个原因：

• 插件版本更新时，你的自定义修改会被覆盖，后续每次升级都要重复修改，维护成本极高；
• 不符合代码解耦原则，项目的自定义配置应该放在自己的初始化脚本中，而非侵入插件源码。

替代方案：在项目的全局初始化JS文件（比如global-init.js）中添加全局默认配置，和你原来的效果完全一致，但更安全易维护：

// 全局开启状态保存，页面刷新后保留分页、排序、搜索等状态
// 注意：DataTable 1.10+推荐用驼峰命名，bStateSave是旧版写法
$.extend(true, $.fn.dataTable.defaults, { 
  stateSave: true 
});

二、全局配置ajax.reload默认不重置分页 #

你提到项目中有700处table.ajax.reload()调用，逐个修改成本太高。我们可以通过重写DataTable的ajax.reload原型方法，让它默认将resetPaging设为false，同时完全保留原方法的所有功能：

// 先保存原方法的引用，避免覆盖后丢失原有逻辑
const originalReload = $.fn.dataTable.Api.prototype.ajax.reload;

// 重写ajax.reload方法
$.fn.dataTable.Api.prototype.ajax.reload = function(callback, resetPaging) {
  // 如果用户没有传入resetPaging参数，默认设为false（不重置分页）
  const finalResetPaging = typeof resetPaging !== 'undefined' ? resetPaging : false;
  // 调用原方法，传入处理后的参数，保证原有逻辑不变
  return originalReload.call(this, callback, finalResetPaging);
};

关键说明： #

• 这段代码需要在所有DataTable实例初始化之前执行（比如放在全局初始化脚本的最开头）；
• 如果某个特殊场景确实需要重置分页，依然可以手动传true：table.ajax.reload(null, true)，完全兼容原有特殊需求；
• 这个方案不需要修改任何一处已有的table.ajax.reload()调用，配置后全局自动生效。

三、额外验证：状态保存与重载逻辑的协同效果 #

开启stateSave结合重写后的ajax.reload，可以实现三重效果：

1. 页面刷新后自动恢复之前的分页、排序等状态；
2. 修改行数据后重载表格，自动停留在当前页；
3. 特殊业务场景仍可手动指定重置分页，不影响原有需求。

内容的提问来源于stack exchange，提问作者r69