Pi-hole Web界面查询表格分页设置失效问题分析

问题描述

在Pi-hole v6版本中，用户报告了一个关于Web界面查询表格分页设置无法持久化的问题。具体表现为：在查询表格(Queries Table)中设置的"Show ... entries"值会在约3分钟后自动重置为默认值10，而网络表格(Network Table)和广告列表表格(Adlist Table)中的设置却能保持。

技术背景

这个问题涉及到Pi-hole Web界面中使用的DataTables插件。DataTables是一个功能强大的jQuery表格插件，它提供了多种配置选项来控制表格的行为和外观，其中包括状态保存功能。

在Pi-hole v5版本中，查询表格的分页设置能够持久保存，直到用户清除浏览器cookie。这种持久化是通过DataTables的stateSave选项实现的，该选项允许表格记住其状态（包括分页、排序和显示长度等）。

问题根源

经过分析，这个问题源于Pi-hole v6版本代码中的以下情况：

1. v6版本的初始代码是在多年前创建的，当时没有包含stateDuration: 0选项
2. 后来在v5版本中引入了这个选项，但从未合并到v6版本中

stateDuration选项控制着DataTables保存状态的时间长度。当设置为0时，状态将永久保存（直到用户清除cookie）；如果不设置或设置为其他值，则状态会在指定时间后过期。

解决方案

这个问题已经被确认为一个bug，并且项目维护者已经承诺会修复它。修复方法可能包括：

1. 在查询表格的DataTables配置中添加stateDuration: 0选项
2. 确保所有表格使用一致的状态保存配置
3. 更新DataTables插件到最新版本，同时保持兼容性

用户临时解决方案

在官方修复发布前，用户可以采取以下临时措施：

1. 定期手动重新设置分页值
2. 使用浏览器插件或脚本来自动恢复偏好设置
3. 考虑降级到v5版本（不推荐，因为会失去其他改进）

总结

这个bug展示了Web应用中状态管理的重要性。即使是看似简单的UI偏好设置，也需要仔细考虑其持久化策略。Pi-hole团队已经意识到这个问题，并将在未来的版本中修复它，为用户提供更一致和可靠的体验。