Skip to content
Create a gist now

Instantly share code, notes, and snippets.

pagination bootstrap cakephp
<div class="pagination pagination-large">
echo $this->Paginator->prev(__('prev'), array('tag' => 'li'), null, array('tag' => 'li','class' => 'disabled','disabledTag' => 'a'));
echo $this->Paginator->numbers(array('separator' => '','currentTag' => 'a', 'currentClass' => 'active','tag' => 'li','first' => 1));
echo $this->Paginator->next(__('next'), array('tag' => 'li','currentClass' => 'disabled'), null, array('tag' => 'li','class' => 'disabled','disabledTag' => 'a'));

There is a problem with ellipsis in this example.
Ellipsis is displayed after next button.


for bootstrap 3 and cakephp 2, remove the div and add only the class 'pagination' to ul.
use three php echo statements inside three list items(li)


If you take off 'first' => 1 from the second line, the ellipsis won't appear and you won't have the display problem.


@ccalabro send me a screenshot for amply enlarge this gist :smile:

        echo $this->Paginator->prev('<i class="fa fa-chevron-left"></i>', array('escape'=>false,'tag' => 'li'), null, array('escape'=>false, 'tag' => 'li','class' => 'disabled','disabledTag' => 'a'));
        echo $this->Paginator->numbers(array('separator' => '','currentTag' => 'a', 'currentClass' => 'active','tag' => 'li','first' => 1));
        echo $this->Paginator->next('<i class="fa fa-chevron-right"></i>', array('escape'=>false, 'tag' => 'li','currentClass' => 'disabled'), null, array('escape'=>false,'tag' => 'li','class' => 'disabled','disabledTag' => 'a'));

@irwebuniq Thanks! Work great.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.