Tag: codeigniter

Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Berjumpa kembali dengan saya pada pembahasan tips seputar dunia website, pada kesempatan kali ini saya akan memberikan tips tentang Membuat Pagination Dengan Bootstrap Dan Codeigniter. Kali ini kita akan membuat sebuah pagination melanjutkan artikel sebelumnya yaitu Merubah Title Menjadi Slug Dengan Codeigniter.

Pertama – tama kita load library pagination nya

$this->load->library(array('pagination'));

Kemudian pada metod index() tambahkan script di bawah ini

$config['base_url'] = site_url('Post/index');
$config['total_rows'] = $this->db->count_all('post');
$config['per_page']         = 2;
$config['use_page_numbers'] = true;
$config['num_links']        = 5;
$config['full_tag_open']    = '<ul class="pagination">';
$config['full_tag_close']   = '</ul>';
$config['first_link']       = 'First';
$config['last_link']        = 'Last';
$config['first_tag_open']   = '<li class="page-item page-link">';
$config['first_tag_close']  = '</li>';
$config['prev_link']        = '&laquo';
$config['prev_tag_open']    = '<li class="page-item page-link">';
$config['prev_tag_close']   = '</li>';
$config['next_link']        = '&raquo';
$config['next_tag_open']    = '<li class="page-item page-link">';
$config['next_tag_close']   = '</li>';
$config['last_tag_open']    = '<li class="page-item page-link">';
$config['last_tag_close']   = '</li>';
$config['cur_tag_open']     = '<li class="active"><a href="" class="page-link">';
$config['cur_tag_close']    = '</a></li>';
$config['num_tag_open']     = '<li class="page-item page-link">';
$config['num_tag_close']    = '</li>';

$this->pagination->initialize($config);

$data['page'] = ($this->uri->segment(3)) ? $this->uri->segment(3) : 0;
 
$data['rows'] = $this->db->get('post',$config["per_page"], $data['page'])->result();          

$data['pagination'] = $this->pagination->create_links();

Kemudian pada view kita buat table dan tampilkan pagination nya

<div class="row">
	<div class="col-md-12">
		<h2>Membuat Pagination Dengan Bootstrap Dan Codeigniter</h2>
		<table class="table table-bordered">
		    <thead>
		      <tr>
		      	<th>No</th>
		        <th>Title</th>
		        <th>Post</th>
		        <th>Slug</th>
		      </tr>
		    </thead>
		    <tbody>
				<?php $no=1;foreach($rows as $row){ ?>
			      <tr>
			      	<td><?php echo $no ?></td>
			        <td><?php echo $row->title ?></td>
			        <td><?php echo substr($row->detail_post, 0,100) ?></td>
			        <td><?php echo $row->slug_title  ?></td>
			      </tr>
		  		<?php $no++; } ?>
		    </tbody>
		</table>
		<?php echo $pagination; ?>
	</div>
</div>

Jika sudah save dan jalankan pada browsernya, dengan begitu pagination akan tampil di bawah table data

Pada tampilan table berisi 3 data, kemudian pada $config[‘per_page’] = 2; saya setting 2 data saja setiap pages nya. Teman – teman bisa atur sendiri batas yang mau di tampilkan pada setiap pages nya. Dengan menggunakan library pagination Codeigniter dengan mudah kita dapat membuat paginationnya. Baik, sekian pada artikel kali ini tentang Membuat Pagination Dengan Bootstrap Dan Codeigniter kita jumpa kembali pada artikel selanjutnya. Terimakasih dan sampai jumpa.