FiltersLesson 156Preview gratis
Sort Table
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas cara mengurutkan baris tabel ketika pengguna mengklik judul kolom. Data baris dibaca, diurutkan berdasarkan tipe teks atau angka, lalu disusun ulang di dalam tbody. Fitur ini membuat tabel data yang panjang lebih mudah dianalisis tanpa memuat ulang halaman.
Poin kunci
- Tambahkan listener klik pada elemen th dan ketahui indeks kolomnya
- Ambil baris dari tbody, bukan thead, lalu ubah menjadi array agar bisa di-sort
- Gunakan localeCompare untuk teks dan parseFloat untuk kolom angka
- Simpan arah sortir per kolom dan perbarui indikator seperti panah atau teks
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.