 |
| laravel 8 pagination in bootstrap |
Controllers
$AllpostData = postModel::where('Post_Status','=',"Public")->where('Post_Type','=',"Post")->orderBy('id', 'DESC')->paginate(50);
blade view
<div class=" mx-auto mt-3 d-sm-block">
<ul class="pagination" role="navigation">
<!--{{$AllpostData->links('pagination::bootstrap-4') }} -->
{{ $AllpostData->onEachSide(0)->links('pagination::bootstrap-4') }}
</ul>
</div>
-------------------------------------------------------
<style>
.w-5{
display: none;
}
</style>
-----------------------------------------------
2
blade view
<center> {{ $postsearchData->links('site.sub.pagination') }} </center>
site.sub.pagination blade view
@if($paginator->hasPages())
@if($paginator->onFirstPage())
<span class="previous-link-disable">
@lang('<i class="fa fa-chevron-left"></i>')
</span>
@else
<a href="{{$paginator->previousPageUrl()}}" class="previous-link">
@lang('<i class="fa fa-chevron-left"></i>')
</a>
@endif
@if($paginator->hasMorePages())
<a href="{{$paginator->nextPageUrl()}}" class="next-link">
@lang('<i class="fa fa-chevron-right"></i>')
</a>
@else
<span class="next-link-disable">
@lang('<i class="fa fa-chevron-right"></i>')
</span>
@endif
@endif
style
<style>
a.previous-link, a.next-link{
text-decoration: none;
display: inline-block;
padding: 8px 16px;
margin: 15px 10px;
background: #009cff;
color: white;
}
span.previous-link-disable, span.next-link-disable{
text-decoration: none;
display: inline-block;
padding: 8px 16px;
margin: 15px 10px;
background: #009cff;
color: white;
}
a.previous-link:hover, a.next-link:hover{
background:#298fd1;
color: white;
}
</style>
Video Link: https://www.youtube.com/watch?v=4c1qqaLYO5E
Video Link: https://www.youtube.com/watch?v=vvf8e-1X4os
full code ex: https://laravel.com/docs/8.x/pagination
إرسال تعليق