ここまでのサンプル48〜50あたりの考え方をベースに表のデータを昇順/降順に並べ替える サンプルを作ってみた。データバインドではない通常の表をソートしている。 考え方の流れとしては、表のデータを列ごとに異なる配列に格納し、これまでに作った 汎用関数を使ってソートし、再び表のセルのinnerTextにセットする。サンプル48あたり からの流れを理解しないと、これだけ見ても分からないハズ。 通常の表のソートについては、もっと汎用性の高い関数を考えられるかもしれない。 なお、このサンプルでは、昇順/降順でソートしたあともとに戻す機能はない。 これには、ロード直後の表のデータを別の配列に格納して保存しておく必要があるだろう。 もちろんリロードしてもいいが...ソース参照。
| 井上 | 80 |
| 山田 | 70 |
| 田中 | 100 |
| 鈴木 | 99 |
| 菊地原 | 98 |
| 近藤 | 50 |
| 清水 | 55 |
| 市原 | 45 |
| 下柳 | 76 |
| 佐々木 | 59 |