Skip to content

Instantly share code, notes, and snippets.

@mikedfunk
Created August 28, 2012 21:17
Show Gist options
  • Save mikedfunk/3504432 to your computer and use it in GitHub Desktop.
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 */
@scheffershen
Copy link

Thank you very much.

@mephraums
Copy link

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

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

Thanks a lot.

Copy link

ghost commented Dec 23, 2013

Thanks

@abneralvarado
Copy link

Thanks a lot!

@AzizHardaya
Copy link

not work in bootstrap 3

@AzizHardaya
Copy link

@maxehhh
Copy link

maxehhh commented Jun 30, 2014

Thanks! was looking for something like this :)

@Johndllee
Copy link

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

amazing

@nyarilokak
Copy link

Thx bro

@zoeeeeeeeeeeeeeee
Copy link

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