Vanilla JSによる軽量tableソート - QiitaWebページのテーブルにソート機能が欲しいというのはよくある話で、JQueryあたりのライブラリを探して組み込むのが一般的だと思う。 ただ、組み込み先のページが10年以上前のprototype.jsを駆使した画面でJQueryと折り合いを付けるのが大変だったり、バンドルされたCSSの調整が面倒、といった問題が付きまとう。 そこで高速、かつ軽量で有名なフレームワークVanilla jsでの実装を試みた。 仕様 <table>が<thead>と<tbody>で構成されていることが条件 ページ内全ての上記条件に当てはまる<table>をソート対象にする ヘッダー行のカラムtable > thead > thをクリックすると対象列の昇順でソートする もう一回クリックすると降順でソートし、昇順、降順をクリックする度に切り替える 数値変換可能文字列は数値として評価、その他は文字コードで評価しソートする
