FastAdmin 后台表格如何优雅地实现固定列
在使用 FastAdmin 开发后台时,我们经常会遇到数据表格列数过多,导致出现横向滚动条的情况。为了提升用户体验,尤其是在需要同时查看左侧关键信息(如ID、名称)和右侧操作按钮时,固定列功能就显得非常重要。FastAdmin 的后台表格是基于强大的 Bootstrap Table 实现的,而固定列功能则依赖于其 fixedColumns 扩展。 本文将详细介绍如何在 FastAdmin 中为后台表格设置固定列。 前提条件 确保你的 FastAdmin 项目中已经集成了 Bootstrap Table 及其 fixed-columns 扩展。通常 FastAdmin 默认会包含这些。 检查扩展文件: 请检查以下路径是否存在对应的 fixed-columns 扩展文件: public/assets/libs/bootstrap-table/dist/extensions/fixed-columns/bootstrap-table-fixed-columns.min.js public/assets/libs/bootstrap-table/dist/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css (或未压缩版本) 如果文件不存在,你需要从 Bootstrap Table 的官方 GitHub 仓库 (wenzhixin/bootstrap-table-fixed-columns) 下载并将这两个文件放到上述目录。不过,FastAdmin 较新的版本通常已内置。 设置步骤 核心操作是在对应模块的 JavaScript 文件中修改表格的初始化配置。 1. 定位并修改 JS 文件 你需要找到你想要修改的那个模块的 JS 文件。它通常位于: public/assets/js/backend/你的控制器名.js 例如,如果是用户管理模块,可能是 public/assets/js/backend/user.js。 2. 修改表格初始化配置 … Read moreFastAdmin 后台表格如何优雅地实现固定列