nativephp, vanilla javascript,

Default ordering (sorting) datatables not working

Puji Ermanto Puji Ermanto Follow Apr 19, 2020 · 1 min read
Default ordering (sorting) datatables not working
Share this

default order datatables

Assalamualaikum, coders…
datatables adalah sebuah plugin untuk memudahkan para developer web dalam mengelola data, banyak sekali manfaat dari plugin ini.
kita tidak perlu membuat sebuah struktur html baru untuk table data kita, hanya cukup menginstall plugin nya saja.
pada dasarnya penginstallan nya sama seperti memasang source untuk javascript kita hanya perlu memanggil link dari data tables nya saja.

        <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
        <script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>

atau kalian bisa langsung download source nya di website nya databales langsung.
Data tables

pada kesempatan ini saya ingin berbagi mengenai default sorting dari datatables yang tidak berjalan, jadi ceritanya saya ingin menampilkan data
yang saya kelola dari database, dan saya ingin menampilkan nya secara descending atau mengurut dari sebuah id yang terbesar. query database saya seperti ini :

            $tampilUser = tampilUser("SELECT * FROM user ORDER BY id DESC");

seharusnya table data yang disorting adalah mulai dari yang terbesar berada di row teratas, tapi bila kita menggunakan datatables secara default tidak berjalan
karena secara default plugin datatables menset sorting secara ascending atau dimulai dari 0 atau yang terkecil id atau uniqid nya.

secara basic mudah untuk merubah defaultnya karena jika kita mendownload secara keseluruhan plugin datatables kita akan menemukan konfigurasi defaultnya, dan di konfigurasi default itulah kita kasih perubahan.
kita tambahkan code berikut di code default datatables nya, nama filenya datatables-demo.js

"order": [[ 3, "desc" ]]

keseluruhan scriptnya adalah seperti ini :

$(document).ready(function() {
  $('#dataTable').DataTable(
  		{
			"order": [[ 3, "desc" ]]  		
		}
  	);
});

ok akhirnya data di tables sudah terurut secara descending sesuai query yang saya inginkan dari database. sekian dulu gansss…

Join Newsletter
Get the latest news right in your inbox. We never spam!
Puji Ermanto
Ditulis Oleh Puji Ermanto Follow
Adalah seorang freelancer web developer, blogger, beberapa waktu lalu mengerjakan Project sebagai Fullstack Web Developer di Sebuah marketplace yaitu
PT. Syoobe Inti Perdana(Syoobe) - Jakarta
Dan di beberapa pengalaman sebelumnya bekerja sebagai web developer sekaligus IT Staf di
PT.Gemilang Citrus Berjaya(ourcitrus) - Sidoarjo