tableをレスポンシブWebデザインに対応させるスクリプト・FooTable - かちびと.net

table要素をレスポンシブに対応させる、というスクリプトです。他にも同じようなスクリプトは存在しますが実用的ではなかったので紹介してなかったですけどこれはアリな気がします。 table要素をレスポンシブに対応させるjQueryプラグインです。他にもMediaTableやzurbのスクリプトもあります。 ウィンドウサイズの幅が狭くなると、表示しきれないカラム部分をタップによる表示式に切り替える、というもの。 上記のようにタップすると非表示部分のカラムの内容が表示されます。ユーザーにとっても分かりやすい気がしました。 公式の動作サンプルです Sample コード <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> <scri

[sugarshin]

from かちびと.net http://kachibito.net

[ko-ya-ma]

ウィンドウサイズの幅が狭くなると、表示しきれないカラム部分をタップによる表示式に切り替える

[warriorking]

tableをレスポンシブWebデザインに対応させるスクリプト・FooTable - かちびと.net

[bigchu]

: Tableのスクリプト

[akulog]

これはイケる。

[tomoworks]

なるほどー。

[yuupl]

内容の一覧性を優先するか、デバイスサイズを優先するかという。レシポンシブでなくとも横長のテーブル組み情報はスマートフォンで扱いが困る場合ある。

[fujitta358]

レスポンシブ

[gungle]

これはすごい！

[dokodajp]

tableをレスポンシブWebデザインに対応させるスクリプト・FooTable

[osk8mf]

レスポンシブ