اجعل الجدول قابلًا للفرز: يجب أن تقوم النقرات على عناصر <th> بفرزه حسب العمود المقابل.

كل <th> لديه النوع في السمة ، مثل هذا:

<table id="grid">
  <thead>
    <tr>
      <th data-type="number">العمر</th>
      <th data-type="string">الاسم</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>5</td>
      <td>جون</td>
    </tr>
    <tr>
      <td>10</td>
      <td>آن</td>
    </tr>
    ...
  </tbody>
</table>

في المثال أعلاه ، يحتوي العمود الأول على أرقام ، والثاني – على سلاسل. يجب أن تتعامل وظيفة الفرز مع الترتيب وفقًا للنوع.

يجب دعم أنواع "string" و "number" فقط.

المثال العامل:

ملاحظة: يمكن أن يكون الجدول كبيرًا ، بأي عدد من الصفوف والأعمدة.

افتح sandbox للمهمه.