Styling pagination dengan bootstrap

Styling pagination dengan bootstrap

1596
9
SHARE

Halo sahabat harviacode.com…. pada kesempatan sebelumnya, kita telah belajar tentang bagaimana membuat paginasi atau halaman serta membuat paginasi dengan form pencarian Pada kesempatan kali ini kita akan menambahkan style pagination yang berbeda.Seluruhnya ada lima style pagination yang bisa anda pilih.

DEMO

Selain menambahkan style, saya juga melakukan perubahan jika sebelumnya kita menggunakan mysql, kali ini kita akan menggunakan mysqli.

pagination searchSatu hal sama dengan tutorial sebelumnya hanyalah database. Anda bisa mendownload kode dan database nya di akhir artikel ini.

Styling pagination dengan bootstrap

Baiklah langsung saja, kita membuatnya

1. Buatlah file index.php dengan kode sebagai berikut

pada file index tersebut saya telah menambahkan komentar2 sehingga anda lebih paham maksud dari masing2 baris kode yang ada.

2. Jalankan file index.php melalu browser dan anda akan melihat hasilnya seperti demo berikut

DEMO | DOWNLOAD

Sangat mudah bukan, silahkan dicoba. Jangan ragu menuliskan komentar bila ada saran, kritik, pertanyaan. Terima kasih telah berkunjung ke harviacode.com.

Bagikan artikel ini ya.. terima kasih

9 COMMENTS

  1. Hi! Terimakasih atas scriptnya.
    Pertanyaan saya, bagaimana jika kita ingin menambahkan kolom pencarian berupa dropdown list selain pencarian text. Jadi pada daftar pagination tersebut memuat kolom pencarian berupa teks serta kolom filter berupa dropdown list.
    Terimakasih

  2. Terimakasih untuk tutorialnya.
    Saya punya struktur url seperti berikut:
    index.php?module=blah&file=blah
    implementasi paging ke masing-masing halaman berhasil dengan struktur akhir:
    index.php?module=blah&file=blah&q=&adjacents=3&page=2
    Saya mendapat masalah untuk form pencarian, pada tombol submit ditekan, hasil pencarian menghasilkan struktur url:
    index.php?q=keyword yang otomatis melenceng dari struktur url yang saya sebutkan diatas.
    Saya coba merubah form action menjadi:
    index.php?module=blah&file=blah&q=
    tapi tidak berhasil.
    Apakah ada konfigurasi lain untuk menyesuaikan pencarian dengan struktur url yang saya punya?
    Terimakasih

LEAVE A REPLY