可排序表格
重要性:4
讓表格可排序:點擊 <th>
元素應根據對應的欄位進行排序。
每個 <th>
都在屬性中具有類型,如下所示
<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"
類型。
實際範例
附註:表格可以很大,可以有任意數量的列和欄。