スタッフブログStaffblog

レスポンシブなテーブル その2

2013.10.22
スタッフブログ

どもタカミチです。

 

今回もレスポンシブなテーブルづくり
今回は画面を狭めたときに

を折り返すパターン

はい

言葉よりも画像のほうが手っ取り早いですね

table3

これが

table4

こう!

cssはこんな感じです。

@media(max-width:766px){
th,td{
display:block;

こんだけです。

ちょこちょこいじることは他にもありましたが、
大元はこれだけですね。

本当にレスポンシブでのテーブルの見せ方の工夫は尽きませんね

この記事をSNSでシェア!