Next Previous Link Button Pagination in Laravel

WebSolutionStuff | Jun-14-2021 | Categories : Laravel

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

Read Also : Autocomplete Search using Bootstrap Typeahead JS

Tags : Laravel Laravel 8