レスポンシブWebデザインにおけるtable

レスポンシブWebデザインが一般的になり、しばらく時間がたちますが、私の中で未だに解決法が見出せていないのがtableのあしらいです。

私も日々試行錯誤しているのですが、その中でよく使用するテーブルのあしらいを紹介します。

このCSSは2カラムの最もオーソドックスなtableの時のみ使用できますが。オーソドックスなので問い合わせフォームなど使用シーンは非常に多いです。

See the Pen table01 by tetsuro (@tetsuro) on CodePen.

参考にしてみてください。