CakePHP Sandbox App: Bootstrap

PaginatorHelper

Bootstrap-styled pagination components for navigating through paginated data.

Sample Data Table

Showing 5 items per page

Id	Title	Status	Created
1	First Post	Draft	2015-07-11
2	Awesome Post	Draft	2018-10-06
3	Fun Story	Draft	2018-10-06
4	Older Post	Draft	2018-10-06
5	Just a Post	Draft	2018-10-06

Basic Pagination


			<?= $this->Paginator->first('<< First') ?>

			<?= $this->Paginator->prev('< Previous') ?>

			<?= $this->Paginator->numbers() ?>

			<?= $this->Paginator->next('Next >') ?>

			<?= $this->Paginator->last('Last >>') ?>

Using links() Method

The links() method generates all pagination elements in one call.


			<?= $this->Paginator->links() ?>

Custom Configuration

Customize which elements are shown and their labels.


			<?= $this->Paginator->links([

			  'first' => 'First',

			  'last' => 'Last',

			  'prev' => '❮',

			  'next' => '❯',

			]) ?>

Large Pagination

Use the size option for larger pagination controls.


			<?= $this->Paginator->links(['size' => 'lg']) ?>

Small Pagination

Use smaller controls for compact layouts.


			<?= $this->Paginator->links(['size' => 'sm']) ?>

Pagination Information

Display pagination stats using the counter.

Page 1 of 1, showing 5 record(s) out of 5 total

Showing 1 to 5 of 5 entries

Range: 1 - 5


			<?= $this->Paginator->counter('Page {{page}} of {{pages}}...') ?>

Sortable Columns

The sort() method creates sortable column headers.

ID	Animal Name	Created Date

Click column headers to sort (requires full page reload)


			<?= $this->Paginator->sort('name', 'Animal Name') ?>

Has Previous/Next Checks

Check if previous or next pages exist programmatically.

Has Previous: No
Has Next: No


			$this->Paginator->hasPrev()

			$this->Paginator->hasNext()

Bootstrap Styling: The BootstrapUI PaginatorHelper automatically applies Bootstrap 5 classes (pagination, page-item, page-link) to create properly styled pagination components.