回到课程

可排序的表格

重要程度: 4

使表格可排序:点击 <th> 元素,应按对应的列对表格进行排序。

每个 <th> 的特性(attribute)中都有类型,如下所示:

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

在上面的示例中,第一列为数字,第二列为字符串。排序函数应根据类型进行排序。

应该只支持 "string""number" 类型。

运行示例:

P.S. 表格可以更大,有任意数量的行和列。

打开一个任务沙箱。