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

Thank you :o)

@KyeRussell

Copy link
Copy Markdown

You win! Thanks.

@lrandom

lrandom commented Dec 27, 2012

Copy link
Copy Markdown

thank you, you rock :)

@vzhen

vzhen commented Jan 24, 2013

Copy link
Copy Markdown

Thanks

@hedcler

hedcler commented Mar 21, 2013

Copy link
Copy Markdown

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

afbora commented May 29, 2013

Copy link
Copy Markdown

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

fedmich commented Nov 13, 2013

Copy link
Copy Markdown

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.

ghost commented Dec 23, 2013

Copy link
Copy Markdown

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

maxehhh commented Jun 30, 2014

Copy link
Copy Markdown

Thanks! was looking for something like this :)

@Johndllee

Copy link
Copy Markdown

Many Thank for this!

@d0n601

d0n601 commented Oct 14, 2015

Copy link
Copy Markdown

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">';

ghost commented Apr 4, 2016

Copy link
Copy Markdown

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

jos3neg commented Aug 17, 2018

Copy link
Copy Markdown

Thank you ..!

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