CodeIgniter 4 Pagination Example Tutorial

Apr 23, 2022 . Admin

Hello Friends,

This article will provide example of codeigniter 4 pagination example tutorial. you can understand a concept of pagination in codeigniter step by step. if you have question about pagination in codeigniter example then I will give simple example with solution. if you have question about pagination code in codeigniter then I will give simple example with solution. Follow bellow tutorial step of codeigniter bootstrap 4 pagination.

I will learn you how to use paginaton in codeigniter can easy and simply use pagination in codeigniter 4.

So let's start the example..

Step 1: Install Codeigniter 4

This is optional; however, if you have not created the codeigniter app, then you may go ahead and execute the below command:

composer create-project codeigniter4/appstarter ci-news
Step 2: Basic Configurations

Next, we will set some basic configuration on the app/config/app.php file, so let’s go to application/config/config.php and open this file on text editor.

public $baseURL = 'http://localhost:8080';
public $baseURL = 'http://localhost/demo/';
Step 3: Create Database With Table

In this third step, we need to create a database name demo, so let’s open your PHPMyAdmin and create the database with the name demo. After successfully create a database, you can use the below SQL query for creating a table in your database

    id int(11) NOT NULL AUTO_INCREMENT COMMENT 'Primary Key',
    name varchar(100) NOT NULL COMMENT 'Name',
    email varchar(255) NOT NULL COMMENT 'Email Address',
    contact_no varchar(50) NOT NULL COMMENT 'Contact No',
    created_at varchar(20) NOT NULL COMMENT 'Created date',
    PRIMARY KEY (id)
  ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COMMENT='datatable demo table' AUTO_INCREMENT=1;
INSERT INTO users(id, name, email, mobile_number, created_at) VALUES
  (1, 'Team', '', '9000000001', '2019-01-01'),
  (2, 'Admin', '', '9000000002', '2019-01-02'),
  (3, 'User', '', '9000000003', '2019-01-03'),
  (4, 'Editor', '', '9000000004', '2019-01-04'),
  (5, 'Writer', '', '9000000005', '2019-01-05'),
  (6, 'Contact', '', '9000000006', '2019-01-06'),
  (7, 'Manager', '', '9000000007', '2019-01-07'),
  (8, 'John', '', '9000000055', '2019-01-08'),
  (9, 'Merry', '', '9000000088', '2019-01-09'),
  (10, 'Keliv', '', '9000550088', '2019-01-10'),
  (11, 'Herry', '', '9050550088', '2019-01-11'),
  (12, 'Mark', '', '9050550998', '2019-01-12');
Step 4: Setup Database Credentials

In this step, we need to connect our project to the database. we need to go app/Config/Database.php and open database.php file in text editor. After opening the file in a text editor, We need to set up database credentials in this file like below.

public $default = [
    'DSN'      => '',
    'hostname' => 'localhost',
    'username' => 'root',
    'password' => '',
    'database' => 'demo',
    'DBDriver' => 'MySQLi',
    'DBPrefix' => '',
    'pConnect' => false,
    'DBDebug'  => (ENVIRONMENT !== 'production'),
    'cacheOn'  => false,
    'cacheDir' => '',
    'charset'  => 'utf8',
    'DBCollat' => 'utf8_general_ci',
    'swapPre'  => '',
    'encrypt'  => false,
    'compress' => false,
    'strictOn' => false,
    'failover' => [],
    'port'     => 3306,
Step 5: Create Model

In this step we here to go app/Models/ and create here one model. And you require to create one model name UserModel.php and update the following code into your UserModel.php file:

namespace App\Models;
use CodeIgniter\Database\ConnectionInterface;
use CodeIgniter\Model;
class UserModel extends Model
    protected $table = 'contacts';
    protected $allowedFields = ['name', 'email'];
Step 6: Create Controller

Now Go to app/Controllers and create a controller name Users.php. In this controller, we will create some method/function. We will build some of the methods like :

namespace App\Controllers;
use CodeIgniter\Controller;
use App\Models\UserModel;
class Users extends Controller

     * Write code on Method
     * @return response()
    public function index()
        $model = new UserModel();
        $data = [
            'users' => $model->paginate(10),
            'pager' => $model->pager
        return view('users', $data);
Step 7: Create Views

Now we need to create users.php, go to application/views/ folder and create users.php file. and update the following HTML into your files:

<!doctype html>
<html lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Codeigniter 4 Pagination Example -</title>
    <link rel="stylesheet" href="">
<div class="container">
    <div class="container">
        <div class="row mt-5">
            <table class="table table-bordered">
                    <?php if($users): ?>
                    <?php foreach($users as $user): ?>
                        <td><?php echo $user['id']; ?></td>
                        <td><?php echo $user['name']; ?></td>
                        <td><?php echo $user['email']; ?></td>
                   <?php endforeach; ?>
                   <?php endif; ?>
            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <?php if ($pager) :?>
                        <?php $pagi_path='demo/public/index.php/users'; ?>
                        <?php $pager->setPath($pagi_path); ?>
                        <?= $pager->links() ?>
                        <?php endif ?>        
Step 8 : Run Codeigniter App:

All the required steps have been done, now you have to type the given below command and hit enter to run the Codeigniter app:

php spark serve

Now, Go to your web browser, type the given URL and view the app output:


i hope it will help you...

#Codeigniter 4