how to set jumlah row pada datatables

Row per page DataTables

set row per page in datatables Iseng mencari sana mencari sini bagaimana merubah jumlah row data default pada datatables, karena secara default datatable memunculkan 10 row per page. Untuk beberapa client atau customer hal ini tentu kurang mewakili jika mereka menampilkan dalam layar besar untuk monitoring. Lama sekali tidak menggunakan datatables membuat saya fokus untuk merubahnya seperti ini

Hasilnya ternyata tidak sesuai keinginan, panik karena dikejar deadline solusi harus segera ditemukan mempercepat deliver. Coba membuka API dari situs datatables di:
https://datatables.net/reference/option/pageLength
Sama saja belum referensi ini tidak dapat memproses Change the initial page length (number of rows per page) seperti persis yang ada di halaman tersebut. Coba ke forum mereka, entah saya yang kurang sabar cari atau terlalu cepat baca belum juga ditemukan. Iseng iseng cek versi datatables yang mereka gunakan… taraaa, ternyata versi lebih baru dari punya saya 😀
Menemukan bacaan dari blognya deh https://datatables.net/blog/2015-02-12#DataTables-1.10.5 langsung tancap gas saja.
how to set jumlah row pada datatables
Karena versi setelah datatables 1.10.5 menggunakan HTML5 maka mereka merubah methode langsung di html tag ya jadinya tinggal seperti ini

<table data-page-length=’50’>
   isi table
</table>

Untuk versi DataTables 1.10 menggunakan pageLength attribute:
$(‘#inHome’).dataTable( {
“pageLength”: 50
});
Sedangkan versi DataTables 1.10 kebawah maka kita menggunakan iDisplayLength attribute:
$(‘#inHome’).dataTable( {
“iDisplayLength”: 50
});

Karena kita telah menyiapkan class khusus untuk tampilan tablenya maka saat ini saya set sebesar 25 row data per halaman

<table class=”inHome” data-page-length=’25’>
    isi table
</table>

Dan kita bisa langsung set order tampilannya berdasarkan nomor kolom, seperti kode berikut ini

<table class=”inHome” data-order='[[ 5, “asc” ]]’ data-page-length=’25’>
    isi table
</table>

Hubungkan dengan PHP, MySQL/Oracle/SQL database, DataTables dan kopi sedikit 🙂

row per page

Leave a Reply

Your email address will not be published. Required fields are marked *