Laravel8 分页样式问题

简介: 一、问题:分页样式只显示上一页和下一页,中间的页码不显示

一、问题:分页样式只显示上一页和下一页,中间的页码不显示


网络异常,图片无法展示
|


二、查看升级文档说默认分页样式由bootstrap改为 Tailwind CSS 框架 需要修改代码


网络异常,图片无法展示
|


三、解决方法


1、第一种解决方法:直接修改源码改成默认配置为 bootstrap

vendor/laravel/framework/src/Illuminate/Pagination/AbstractPaginator.php 116行 124行


网络异常,图片无法展示
|


2、第二种解决方法: 使用文档提供的方式 用到Paginator的地方都定义一下,但是可能修改的地方很多。


use Illuminate\Pagination\Paginator;
Paginator::useBootstrap();
复制代码


网络异常,图片无法展示
|


四、解决后的新效果


网络异常,图片无法展示
|


相关文章
|
1月前
|
JavaScript 前端开发
vue element-ui分页插件 始终保持在页面底部样式
vue element-ui分页插件 始终保持在页面底部样式
19 0
|
5月前
|
前端开发 程序员 Android开发
Bootstrap+jQuery实现卡片标签样式的分页
Bootstrap+jQuery实现卡片标签样式的分页
39 0
|
1月前
|
前端开发 JavaScript
vue实现通用分页控件,支持前端分页、后端分页。
vue实现通用分页控件,支持前端分页、后端分页。
38 1
VUE3(二十三)自定义分页组件Pagination
刚开始使用vue3写博客的时候,其相关配套的UI库并没有正式发布,但是我还要用,所以这里我自定义了一个分页组件。
586 0
VUE3(二十三)自定义分页组件Pagination
|
6月前
|
前端开发 API 网络架构
Vue+ElementUI实现动态树和表格数据的分页模糊查询
Vue+ElementUI实现动态树和表格数据的分页模糊查询
81 0
|
4月前
|
JavaScript 前端开发 数据库
ElementUI之动态树及书籍的分页查询
ElementUI之动态树及书籍的分页查询
|
9月前
Vue3手写分页在分页的基础上用到Pagination 分页组件
Vue3手写分页在分页的基础上用到Pagination 分页组件
55 0
|
PHP
laravel的样式加载
laravel的样式加载
109 0
laravel的样式加载
|
PHP
laravel加载样式文件
laravel加载样式文件
96 0
|
前端开发 开发者
Bootstrap响应式前端框架笔记十一——分页与标签
Bootstrap响应式前端框架笔记十一——分页与标签
200 0
Bootstrap响应式前端框架笔记十一——分页与标签

热门文章

最新文章