Buat sebuah table yang dapat diurutkan: klik pada elemen <th> harus mengurutkan kolom dibawahnya.

Setiap <th> memiliki tipe pada atribut, seperti ini:

<table id="grid">
  <thead>
    <tr>
      <th data-type="number">Umur</th>
      <th data-type="string">Nama</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>5</td>
      <td>John</td>
    </tr>
    <tr>
      <td>10</td>
      <td>Ann</td>
    </tr>
    ...
  </tbody>
</table>

Pada contoh diatas kolom memiliki nomor, dan kolom kedua ??? string (teks). Fungsi pengurutan harus menanggani pengurutan berdasarkan tipenya.

Hanya tipe "string" dan "number" yang bisa di urutkan.

Contoh yang sudah jadi:

Tambahan: Tabel bisa besar, dengan banyak baris dan kolom.

Buka sandbox untuk tugas tersebut.