如何调整phpMyAdmin分页控件在页面中的显示位置？-phpMyAdmin-PHP中文网

phpMyAdmin分页控件位置由模板决定，无法通过CSS直接拖动；其HTML由PHP动态生成且无统一类名，强行用position或margin调整易破坏响应式布局；可靠方案是修改tbl_browse.php模板文件或注入JS（仅限调试），更推荐优化默认位置的视觉权重与可操作性。

分页控件位置由模板决定，不是CSS能直接“拖动”的

phpmyadmin 的分页控件（即“上一页/下一页/跳转框”）默认渲染在数据表下方，且**没有独立的 css 类名或 id 可供精准定位**。它被包裹在 .table_container 或 .responsivetable 内部，属于表格渲染逻辑的一部分，不是独立 dom 节点。试图用 position: absolute 或 margin-top 强行上移，容易破坏响应式布局，尤其在移动端导致按钮错位或不可点击。

真正可控的位置调整只有两种方式

一种是改模板文件（需 PHP 环境权限），另一种是靠 JS 注入 DOM（不推荐用于生产环境）。没有“设置项”或“开关”可调。

修改 tbl_structure.php 或 tbl_browse.php 模板：找到类似 <?php echo $page->getHtml(); ?> 或 <?php echo $navigation; ?> 的输出位置，把它剪切粘贴到你想放的地方（比如表格上方、右侧 sidebar 区域）
路径通常是 /usr/share/phpmyadmin/tbl_browse.php（CentOS）或 /etc/phpmyadmin/tbl_browse.php（Debian），但不同版本路径可能不同；务必先备份原文件
JS 方案仅作临时调试：在浏览器控制台执行 document.querySelector('.table_container').insertAdjacentElement('beforebegin', document.querySelector('.pagination'))，但刷新后失效，且可能被 CSP 策略拦截

为什么改了 CSS 却发现分页控件“不见了”？

因为分页控件 HTML 是由 PHP 动态生成并内联在页面中的，它的外层容器（如 <div class="pagination">）在部分版本中并不存在——实际结构可能是 <code><div> <span>第 1 页，共 12 页</span><form>...</form> </div>，没有统一 class。强行加 .pagination { position: fixed; top: 100px; } 很可能匹配不到任何元素。

检查真实 HTML：右键 → “查看网页源代码”，搜索 prev 或 next，确认分页结构是否含 class 或 id
常见结构里只有 id="serverinfo"、class="ajax" 这类泛用类，无法安全选中
某些主题（如 pmahomme）把分页塞进 <div class="responsivetable"> 底部，移动它等于移动整个表格容器 <h3>更现实的做法：接受默认位置，优化视觉权重</h3> <p>与其硬调位置，不如让分页控件在默认位置更易发现、更易操作。这比位移更可靠：</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill5233" title="btpanel phpsite 宝塔面板PHP网站"><img src="https://img.php.cn/upload/skill/000/000/081/179040786932301.jpg" alt="btpanel phpsite 宝塔面板PHP网站" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill5233" title="btpanel phpsite 宝塔面板PHP网站" class="overflowclass">btpanel phpsite 宝塔面板PHP网站</a> <p class="overflowclass">宝塔面板 PHP 网站管理：站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理</p> </div> <a rel="nofollow" href="/xiazai/skill5233" title="btpanel phpsite 宝塔面板PHP网站" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <ul> <li>在 <code>css/common.css 中增强样式：.pagination { margin-top: 1rem; padding: 0.5rem; background: #f8f9fa; border-radius: 4px; }
加粗当前页码：.pagination .active a { font-weight: bold; color: #007bff !important; }
禁用用户自定义偏好干扰：在 config.inc.php 加 $cfg['IgnoreUserConfig'] = true;，避免个别用户设置把分页控件藏到角落