Laravel Next Previous Link Button Pagination

By Hardik Savani April 16, 2024 Category : Laravel

Do you want to add next previous button on pagination in laravel 6?, if yes then i will help you to create simple pagination with laravel 6. we will customize pagination link with only next and previous button in laravel 6.

we can add next and previous link on pagination using simplePaginate() in laravel 6, laravel 7, laravel 8, laravel 9, laravel 10 and laravel 11 application. laravel provide new eloquent method simplePaginate() for adding simple pagination with only next previous button link.

If you also want to add pagination with next and previous link then follow bellow some step and make it done as like bellow screen shot:

Create Route:

In first step, we will create simple routes for getting users and view it, so let's add new route in web.php file:

routes/web.php

Route::get('users', 'UserController@index');

Create Controller:

Now, we will create new UserController with index() method. in index() we will write simple pagination code. so let's create as like bellow:

app/Http/Controllers/UserController.php

<?php
   
namespace App\Http\Controllers;
   
use Illuminate\Http\Request;
use App\User;
   
class UserController extends Controller
{
    /**
     * The attributes that are mass assignable.
     *
     * @var array
     */
    public function index()
    {
        $users = User::simplePaginate(5);
        return view('users', compact('users'));
    }
}

Create View File:

In this last step, we will create simple blade file and display users with pagination. so let's add bellow code:

resources/views/users.blade.php

Read Also: How to Define Fallback Routes in Laravel?
<!DOCTYPE html>
<html>
<head>
    <title>Laravel Next Previous Link Button Pagination - ItSolutionStuff.com</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body> 
   
<div class="container">
    <h1>Laravel Next Previous Link Button Pagination - ItSolutionStuff.com</h1>
   
    <table class="table table-bordered">
        <tr>
            <th>ID</th>
            <th>Name</th>
        </tr>
        @foreach($users as $user)
        <tr>
            <td>{{ $user->id }}</td>
            <td>{{ $user->name }}</td>
        </tr>
        @endforeach
    </table>
   
    {{ $users->links() }}
</div>
   
</body>
</html>

Ok, now you have to create some dummy records on users table.

Then you can check it.

I hope it can help you...

Tags :
Previous

Angular NgClass - How to Add Dynamic Class in Angular 10/9/8?
Next

How to Create New Component in Angular 8?

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares