コペペで参照できるおしゃれなテーブルデザイン6選!


1.Responsive Table

See the Pen Responsive Table by Geoff Yuen (@geoffyuen) on CodePen.

2.CSS Table Layout

See the Pen CSS Table Layout by Luke Peters (@lukepeters) on CodePen.

3.Data Table

See the Pen Data Table by alassetter (@alassetter) on CodePen.

4.Responstable 2.0: a responsive table solution

See the Pen Responstable 2.0: a responsive table solution by Jordy van Raaij (@jordyvanraaij) on CodePen.

5.Sortable Tabular Data

Javascriptが動く方は、テーブルの1行目をクリックするとソートされるようになります!

See the Pen Sortable Tabular Data by Jake’s Tuts (@jakestuts) on CodePen.

6.Fade and Blur on Hover Data Table

hoverした行以外がぼやけてしまう謎のUI!逆に珍しいですね!

See the Pen Fade and Blur on Hover Data Table by Jack Rugile (@jackrugile) on CodePen.

あわせて読みたい

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です