<table> をレスポンシブWEBデザイン対応させるjQueryプラグイン「FooTable」

FooTable によるセルの折り畳みのデモ

ブラウザの幅を縮小させることで、「名前以外」の情報が折り畳まれます。

iPhone でアクセスの場合は、縦向きの時には「名前以外」の情報が折り畳まれた状態で、横向きの時には「住所以外」の情報が開いた状態で表示されます。


名前 電話番号 郵便番号 住所
山田 太郎 00-1234-5678 110-0006 東京都 台東区
鈴木 花子 11-2345-6789 550-0026 大阪府 大阪市西区
田中 一郎 22-3456-7890 812-0002 福岡県 福岡市博多区
佐藤 次郎 22-3456-7890 468-0836 愛知県 名古屋市天白区