Desain Tampilan Link Pagination Pada CodeIgniter

Bagi para developer web pemula yang menggunakan framework CodeIgniter (CI), mungkin ada sedikit kepermasalahan dalam mendesain link pagination.Setelah pada tutorial sebelumnya saya membuat bagaimana membuat Pagination di CodeIgniter, pada tutorial berikut ini saya akan membahas bagaimana cara mendesain link pagination yang telah saya buat sebelumnya.
Kopikan css berikut ini pada file css yang akan diload.

/* PAGINATION CODE IGNITER*/
div.pagination
{
    padding: 3px;
    margin: 3px;
}

div.pagination a
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    text-decoration: none; /* no underline */
    color: #000099;
}

div.pagination a:hover, div.pagination a:active
{
    border: 1px solid #000099;
    color: #000;
}

div.pagination span.current
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #993300;
    color: #FFF;
}
div.pagination span.disabled
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}

Kemudian pada kode untuk menampilkan pagination kita masukkan ke dalam div dengan class='pagination'. Lihat kode berikut :

echo '<div class="pagination">'.$this-pagination->create_link().'</div>'

Selanjutnya jalankan kembali program anda, dan lihat perubahannya.

 Jika belum berhasil, anda dapat meninggalkan pesan pada form komentar dibawah ini.

Postingan Terkait :