ソート可能なテーブル
重要度: 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
>
上記の例では、最初の列には数値があり、2番目の列には文字列があります。ソート関数は、タイプに従ってソートを処理する必要があります。
"string"
と"number"
タイプのサポートのみが必要です。
機能例
P.S. テーブルは、行と列の数に関係なく、大きくなります。