Laravel分页样式可自定义:①发布并修改vendor/pagination下视图文件;②Blade中用links()指定视图;③CSS覆盖类名美化;④手动调用分页属性实现完全自定义渲染。

在 Laravel 中,分页结果默认使用 Bootstrap 风格的 HTML 渲染(Laravel 9+ 默认用 Tailwind),但你可以轻松自定义分页样式,无需重写整个分页器逻辑。
修改分页视图文件
Laravel 允许你发布并覆盖默认分页视图。运行以下命令生成可编辑的视图文件:
-
执行命令:
php artisan vendor:publish --tag=laravel-pagination - 完成后,会在
resources/views/vendor/pagination/下生成多个样式文件(如bootstrap-5.blade.php、tailwind.blade.php等) - 打开对应文件(比如你用的是 Bootstrap 5,就编辑
bootstrap-5.blade.php),按需修改 HTML 结构、CSS 类名或添加图标
在模板中指定分页视图
如果你不想全局替换,也可以在 Blade 模板中为某次分页单独指定视图:
{{ $users->links('pagination::simple-bootstrap-5') }}-
{{ $users->links('pagination::custom') }}(前提是已创建resources/views/pagination/custom.blade.php) - 支持路径别名(如
pagination.custom)或完整路径(如vendor.pagination.custom)
自定义 CSS 样式(推荐轻量方案)
不改 HTML,仅通过 CSS 调整外观更灵活,适合主题切换或快速美化:
- 在你的 CSS 文件中覆盖默认类,例如:
.pagination .page-link { border-radius: 4px; margin: 0 2px; }.pagination .active .page-link { background-color: #007bff; border-color: #007bff; } - 使用内联样式或 scoped CSS(Vue 组件中)也可生效
- 注意:Bootstrap/Tailwind 分页类名不同,查看生成的 HTML 源码确认实际 class
完全自定义渲染逻辑(高级用法)
若需彻底控制 HTML 输出(如适配特定 UI 框架或实现无限滚动按钮),可手动构造分页数据:
- 获取原始分页对象属性:
$users->firstItem()、$users->lastItem()、$users->total()、$users->previousPageUrl()、$users->nextPageUrl()等 - 用这些值手写 HTML 分页导航,跳过
->links() - 适合需要高度定制或服务端渲染非标准结构的场景


















