Today we will learn next previous link button pagination in laravel, Using paginate method you can easily create pagination in laravel.
Here i will show you laravel next and prev pagination with example, we can create customize next and previous pagination link in Laravel sso let's see how to create pagination in laravel 8.
If you only need to display simple "Next" and "Previous" links in your website , then you can use the simplePaginate
method to perform a single, efficient query.
Example 1 :
1) create controller and add below code.
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Post;
class PostController extends Controller
{
public function index()
{
$posts = Post::simplePaginate(10);
return view('posts.index', compact('posts'));
}
}
2) create blade file.
<html>
<head>
<title>Next Previous Link Button Pagination in Laravel - websolutionstuff.com</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"/>
</head>
<body>
<div class="container">
<h1>Next Previous Link Button Pagination in Laravel - websolutionstuff.com</h1>
<table class="table table-bordered">
<tr>
<th>ID</th>
<th>Title</th>
</tr>
@if(!empty($posts))
@foreach($posts as $post)
<tr>
<td>{{ $post->id }}</td>
<td>{{ $post->title }}</td>
</tr>
@endforeach
@endif
</table>
@if(!empty($posts))
<div class="paginationWrapper">
{{ $posts->links() }}
</div>
@endif
</div>
</body>
</html>
Example 2 :
@if(isset($posts))
@if($posts->currentPage() > 1)
<a href="{{ $posts->previousPageUrl() }}">Previous</a>
@endif
@if($posts->hasMorePages())
<a href="{{ $posts->nextPageUrl() }}">Next</a>
@endif
@endif
In this article, we will see how to integrate mailchimp API in laravel 9. Here we will learn how we can integr...
Aug-01-2022
In this article, we will see how to toggle between dark and light modes using jquery. As per the current trend of web de...
Nov-24-2020
In this article, how to send email in laravel 9 using mailgun. we will learn laravel 9 to send emails using mailgun...
Jul-29-2022
Hey there! Today, I'm going to walk you through the process of installing and setting up Elasticsearch on your Ubunt...
Jan-08-2024