Styling pagination dengan bootstrap

Styling pagination dengan bootstrap

3800
24
SHARE
pagination search

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.

24 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

  3. selamat pagi,

    mas mau tanya penulisan mysqli_connect(‘localhost’, ‘root’, ”, ‘harviacode’) itu urutannya apa ya bisa diberikan habis localhost, root, user database, password gitu ya atau gmn urutannya?

    mohon bantuannnya!

  4. gan dapat masalah kalau kaya gini gimana yah ?
    mysqli_num_rows() expects parameter 1 to be mysqli_result, boolean given in C:\xampp\htdocs……

  5. Salam, Mas Admin..
    Saya ingin merubah dari mysql_data_seek nya menjadi fungsi PDO bagaimana caranya?
    saya coba dengan:
    while(($count<$rpp) && ($ifetch(PDO::FETCH_ASSOC, PDO::FETCH_ORI_ABS,$i);
    hasilnya tidak sesuai keinginan.
    pertama, pada halaman pertama berhasil menampilkan data sesuai jumlah yang diinginkan, tapi ketika memilih halaman kedua dan selanjutnya, data pada halaman pertama selalu berulang.

    kedua, ketika melakukan pencarian juga sama. Berhasil menampilkan data, namun ketika memilih halaman berikutnya muncul error.

    Kira-kira solusinya bagaimana ya, Mas?

LEAVE A REPLY