読者です 読者をやめる 読者になる 読者になる

やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

d3.jsで作成したテーブルをソートする

前回のつづき。昇順だけでなく降順と入れ替える。クリックするたびに。

成果物

GitHubd3.table.Sort.onClick.201702211505

Playgrounds

See the Pen d3.table.Sort.onClick.201702211505 by ytyaru (@ytyaru) on CodePen.

jsfiddle, jsdo.it

開発環境

参考

jQueryのあれ、D3.jsでどうやるの?(または、その逆) - Qiita
D3.js v4のデータバインド - Qiita

課題

  • どのキーでソートしたか目で見てわかるようにしたい

気になること

初回クリックの反応が遅い。遅延ロードのせいかもしれない。調べてないからよくわからない。遅延ロードだとすると仕方ない。むしろそのほうがいい。

所感

最低限の実用的なソートになった。