How to use Laravel Pagination with examples

If there are many rows of data to be displayed in a web page, it is always better to display them in multiple pages. It gives a better user experience and also it improves the performance as we do not need to display the full list at once. Laravel gives very simple pagination feature for the developers to display data in multiple pages.

In this topic, we will see how to display Laravel pagination while displaying the data in a html table. We will use Laravel Pagination along with Bootstrap and custom styles to show how pagination works in Laravel.

To display pagination, use paginate() method while selecting data in Controller. Like below:

public function index()
    $data = User::latest()->paginate(10);
    return view('index',compact('data'));

Here, we want to display 10 records per page. In the view just use $data->links()after displaying data in a table.

  {{ $data->links() }}

Pagination example in laravel

Step1 - Create a Laravel project

We will create a Laravel 10 project.

composer create-project --prefer-dist laravel/laravel lara_pagination

This will create a folder named "lara_pagination" in the same folder where you run the create project command.

Step 2 - MySQL Migration and create test data using Laravel factory

Update .env file for database details. We will use MySQL database and our database name is "lara_demo", so we update the .env file as below:


Now, run database migration to create the tables. Run below command from the terminal:

php artisan migrate

We will use Laravel's default "User" Model and "users" tables for this topic. We have to create some test data using Laravel factory and seeder to populate users table. We will display the data in the view using pagination library. We can use UserFactory.php under database/factories, it comes along with Laravel project. We just need to update DatabaseSeeder.php under database/seeders folder. Let us uncomment first line in the run() method of DatabaseSeeder.phpand update 10 to 100. We want to create 100 rows in the users table.

public function run(): void

    // \App\Models\User::factory()->create([
    //     'name' => 'Test User',
    //     'email' => '',
    // ]);

Now, run database seeder to create the rows:

php artisan db:seed

You can see there are 100 rows created in users table.

pagination in laravel

Step 3 - Laravel Controller

We will create a controller named "UserController" and will use the index() method to select data from "users" table using Laravel pagination. Use below command to create the controller.

php artisan make:controller UserController

index() method

This method selects all data from User model and loads the index view.

public function index()
    $data = User::latest()->paginate(10);
    return view('index',compact('data'));

We have used paginate(10) to display 10 rows per page.


We will use below route:

Route::get('/', [UserController::class, 'index'])

Step 4 - Laravel blade views

We have one view for listing the users in an HTML table. We will have a header and a master layout.


<!DOCTYPE html>
<html lang="en">
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Laravel Pagination</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
  <meta name="_token" content="{{ csrf_token() }}">
  <link rel="stylesheet" href="" />
  <link rel="stylesheet" type="text/css" media="screen" href="{{ asset('css/style.css') }}" />




    <h1>Laravel Pagination</h1>
    <div class="container">
        <h4>List of Users</h4>
        <div class="table-responsive">
            <table class="table table-striped table-bordered mt-5">
                        <th>Created At</th>
                    @forelse($data as $index => $row)
                            <td>{{ $index + 1 }}</td>
                            <td>{{ $row->name }}</td>
                            <td>{{ $row->email }}</td>
                            <td>{{ $row->created_at }}</td>
                            <td colspan="6">No Users Found</td>
            {{ $data->links() }}

Stylesheet is given below:


* {box-sizing: border-box;
body {
  margin: 0;
  font-family: Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px;

    min-height: 600px;;


Step 5 - Update AppServiceProvider for Bootstrap 5 Pagination

Open AppServiceProvider.php under app/Providers and update boot() method to use Bootstrap 5 pagination. See the below code:

public function boot(): void

Add Paginator library as use Illuminate\Pagination\Paginator; in this AppServiceProvider.php

Step 6 - Test the application

From the project root, start the php development server using artisan command:

php artisan serve

From browser start localhost:8000. It should display data with page numbers. Since there are 100 rows in the table, there will be 10 pages.

pagination in laravel