Products Comparison Tableはよくある製品情報の比較tableにフィルタ機能を付与するためのコードです。上記のようなUI。比較対象が沢山ある場合、ユーザーが任意の製品を選択してFilterボタンを押せば表示を選択項目のみに出来る、というもの。それだけでなく、縦長になる場合、製品画像がfixedされる仕組みも素敵でした。結構良かったのでメモ的に書いてます。コードはcodyhouseなので商用でも利用可能で帰属のリンクも不要です。 Products Comparison Table動作サンプル
![製品等のデータ比較のためのtable要素にフィルタ機能を付与する・「Products Comparison Table」](https://cdn-ak-scissors.b.st-hatena.com/image/square/728cd59d896a7eab6a35b961a52283cc626f5721/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2016%2F03%2F8dce26df1dbb8d618d4c3113914f0497.gif)