Skip to content

Instantly share code, notes, and snippets.

@mikedfunk
Created August 28, 2012 21:17
Show Gist options
  • Select an option

  • Save mikedfunk/3504432 to your computer and use it in GitHub Desktop.

Select an option

Save mikedfunk/3504432 to your computer and use it in GitHub Desktop.
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 [email protected]
*
* @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
Copy Markdown

Thank you :o)

@KyeRussell
Copy link
Copy Markdown

You win! Thanks.

@lrandom
Copy link
Copy Markdown

lrandom commented Dec 27, 2012

thank you, you rock :)

@vzhen
Copy link
Copy Markdown

vzhen commented Jan 24, 2013

Thanks

@hedcler
Copy link
Copy Markdown

hedcler commented Mar 21, 2013

Very good... Thanks!

@filipecrosk
Copy link
Copy Markdown

thanks a lot guy

@thomaswelton
Copy link
Copy Markdown

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

@xavierpeyret
Copy link
Copy Markdown

Good Job... Thanks!

@afbora
Copy link
Copy Markdown

afbora commented May 29, 2013

Really thanks!.. Its great ;)

@patrickegp
Copy link
Copy Markdown

REALLYYYYYY THANKS MAn...

@isaiasmac
Copy link
Copy Markdown

Thank you my friend. :D :D :D

@anherrera
Copy link
Copy Markdown

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

@vivaserver
Copy link
Copy Markdown

Works great! Thank you very much.

@scheffershen
Copy link
Copy Markdown

Thank you very much.

@mephraums
Copy link
Copy Markdown

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
Copy Markdown

Nice, thanks buddy!

@fedmich
Copy link
Copy Markdown

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
Copy Markdown

Thanks a lot.

Copy link
Copy Markdown

ghost commented Dec 23, 2013

Thanks

@abneralvarado
Copy link
Copy Markdown

Thanks a lot!

@AzizHardaya
Copy link
Copy Markdown

not work in bootstrap 3

@AzizHardaya
Copy link
Copy Markdown

@maxehhh
Copy link
Copy Markdown

maxehhh commented Jun 30, 2014

Thanks! was looking for something like this :)

@Johndllee
Copy link
Copy Markdown

Many Thank for this!

@d0n601
Copy link
Copy Markdown

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
Copy Markdown

ghost commented Apr 4, 2016

thanks

@kashoutlook
Copy link
Copy Markdown

amazing

@nyarilokak
Copy link
Copy Markdown

Thx bro

@zoeeeeeeeeeeeeeee
Copy link
Copy Markdown

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

@jos3neg
Copy link
Copy Markdown

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