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

13/10/22

投稿者:takamichi

どもタカミチです。

 

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

はい

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

table3

これが

table4

こう!

cssはこんな感じです。

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

こんだけです。

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

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




pページの先頭へ