Dalam manajemen data khususnya halaman administrator website, sorting data sangat membantu user untuk menyortir data yang ada ditabel.
dengan sort table dari jquery pembuatan sortir data sangat mudah dilakukan, tidak perlu tahu script jquery, hanya memanggil saja, “TADAAAAA”, jadi deh sortir data dengan jquery, penasaran cara buatnya, berikut langkah-langkahnya :
Untuk yang blm punya script jquery silahkan download di http://docs.jquery.com/Downloading_jQuery, download lengkap biasanya plugin untuk sort table sudah ada didalamnya.
silahkan ujicoba script berikut untuk ujicoba :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <script src="jquery.js" type="text/javascript"></script> <script src="jquery.tablesorter.js" type="text/javascript"></script> <script src="jquery_sort.js" type="text/javascript"></script> <script type="text/javascript"></script> <table id="simple" border="1"> <thead> <tr><th>NAMA</th><th>ALAMAT</th></tr> </thead> <tbody> <tr><td>ANDI</td><td>KALIMANTAN</td></tr><tr> <td>BOGIE</td><td>PURWOKERTO</td></tr><tr> <td>BUDI</td><td>YOGYAKARTA</td></tr> <tr><td>RIZKY</td><td>YOGYAKARTA</td></tr> <tr><td>SEPTIAN</td><td>JAKARTA</td></tr> <tr><td>RUDI</td><td>PURBALINGGA</td></tr> </tbody> </table> |
Penjelasan :
- untuk menggunakan sort table taruh id=”simple” di tabel <table>
- gunakan <thead> dan penutup </thead> di header table
- gunakan <tbody> dan penutup </tbody> di badan table
proses selesai, lakukan ujicoba, jika berhasil maka akan seperti ini : sample
semoga bermanfaat.
html · jquery · php · sort table
