Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
CodeIgniter Pagination for Twitter Bootstrap

This uses Twitter Bootstrap classes for CodeIgniter pagination.

Drop this file into application/config.

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
/**
* Pagination Config
*
* Just applying codeigniter's standard pagination config with twitter
* bootstrap stylings
*
* @license http://www.apache.org/licenses/LICENSE-2.0 Apache License 2.0
* @author Mike Funk
* @link http://codeigniter.com/user_guide/libraries/pagination.html
* @email mike@mikefunk.com
*
* @file pagination.php
* @version 1.3.1
* @date 03/12/2012
*
* Copyright (c) 2011
*/
// --------------------------------------------------------------------------
// $config['base_url'] = '';
$config['per_page'] = 2;
$config['uri_segment'] = 3;
$config['num_links'] = 9;
$config['page_query_string'] = TRUE;
// $config['use_page_numbers'] = TRUE;
$config['query_string_segment'] = 'page';
$config['full_tag_open'] = '<div class="pagination"><ul>';
$config['full_tag_close'] = '</ul></div><!--pagination-->';
$config['first_link'] = '&laquo; First';
$config['first_tag_open'] = '<li class="prev page">';
$config['first_tag_close'] = '</li>';
$config['last_link'] = 'Last &raquo;';
$config['last_tag_open'] = '<li class="next page">';
$config['last_tag_close'] = '</li>';
$config['next_link'] = 'Next &rarr;';
$config['next_tag_open'] = '<li class="next page">';
$config['next_tag_close'] = '</li>';
$config['prev_link'] = '&larr; Previous';
$config['prev_tag_open'] = '<li class="prev page">';
$config['prev_tag_close'] = '</li>';
$config['cur_tag_open'] = '<li class="active"><a href="">';
$config['cur_tag_close'] = '</a></li>';
$config['num_tag_open'] = '<li class="page">';
$config['num_tag_close'] = '</li>';
// $config['display_pages'] = FALSE;
//
$config['anchor_class'] = 'follow_link';
// --------------------------------------------------------------------------
/* End of file pagination.php */
/* Location: ./bookymark/application/config/pagination.php */
@razorlegacy
Copy link

razorlegacy commented Nov 20, 2012

Thank you :o)

@KyeRussell
Copy link

KyeRussell commented Dec 11, 2012

You win! Thanks.

@lrandom
Copy link

lrandom commented Dec 27, 2012

thank you, you rock :)

@vzhen
Copy link

vzhen commented Jan 24, 2013

Thanks

@hedcler
Copy link

hedcler commented Mar 21, 2013

Very good... Thanks!

@filipecrosk
Copy link

filipecrosk commented May 17, 2013

thanks a lot guy

@thomaswelton
Copy link

thomaswelton commented May 18, 2013

Started to write this myself, then googled it. Thanks man

@xavierpeyret
Copy link

xavierpeyret commented May 24, 2013

Good Job... Thanks!

@afbora
Copy link

afbora commented May 29, 2013

Really thanks!.. Its great ;)

@patrickegp
Copy link

patrickegp commented Jun 7, 2013

REALLYYYYYY THANKS MAn...

@isaiasmac
Copy link

isaiasmac commented Jun 14, 2013

Thank you my friend. :D :D :D

@anherrera
Copy link

anherrera commented Aug 21, 2013

Awesome, thank you very much for this contribution and saving me time!

@vivaserver
Copy link

vivaserver commented Sep 23, 2013

Works great! Thank you very much.

@scheffershen
Copy link

scheffershen commented Oct 8, 2013

Thank you very much.

@mephraums
Copy link

mephraums commented Oct 15, 2013

Thank you saved me a lot of time! I did have to move the pagination class to the ul to get it working with bootstrap V3 - here http://getbootstrap.com/components/#pagination

@fabianoone
Copy link

fabianoone commented Oct 17, 2013

Nice, thanks buddy!

@fedmich
Copy link

fedmich commented Nov 13, 2013

Thanks for this buddy.

I needed to edit my anchor_class on my app.

$config['anchor_class'] = 'class="follow_link"';

@EdnaldoNeimeg
Copy link

EdnaldoNeimeg commented Dec 20, 2013

Thanks a lot.

@andreaamado
Copy link

andreaamado commented Dec 23, 2013

Thanks

@abneralvarado
Copy link

abneralvarado commented Apr 24, 2014

Thanks a lot!

@AzizHardaya
Copy link

AzizHardaya commented Apr 28, 2014

not work in bootstrap 3

@AzizHardaya
Copy link

AzizHardaya commented Apr 28, 2014

@maxehhh
Copy link

maxehhh commented Jun 30, 2014

Thanks! was looking for something like this :)

@Johndllee
Copy link

Johndllee commented Jul 24, 2014

Many Thank for this!

@d0n601
Copy link

d0n601 commented Oct 14, 2015

I had to modify line 30 to set the pagination class for the <ul> tag rather than the <div>, then all worked well. CI 3.02 with Bootstrap 3.3.5

$config['full_tag_open'] = '<div class="pagination"><ul>';

became

$config['full_tag_open'] = '<div><ul class="pagination">';

Copy link

ghost commented Apr 4, 2016

thanks

@kashoutlook
Copy link

kashoutlook commented Aug 30, 2016

amazing

@nyarilokak
Copy link

nyarilokak commented Apr 25, 2017

Thx bro

@zoeeeeeeeeeeeeeee
Copy link

zoeeeeeeeeeeeeeee commented May 10, 2017

Thank you very much and can you help me to rtl this?
Thanks a lot

@jos3neg
Copy link

jos3neg commented Aug 17, 2018

Thank you ..!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment