テーブルをレスポンシブ対応にできるjQueryプラグイン「resTables」!

2016/11/16

こんにちは。
今回はテーブルをレスポンシブ対応にできるjQueryプラグイン「resTables」!です。

レスポンシブなWebサイトを作っているとテーブルの部分に工夫が必要ですよね。
そこで、今回はテーブルをレスポンシブに対応してくれるjQueryプラグインを紹介します。

テーブルをレスポンシブ対応にできるjQueryプラグイン「resTables」!

resTables

restables

https://codefog.github.io/restables/

 

jQueryプラグイン「resTables」をダウンロードしてみよう!

https://codefog.github.io/restables/にアクセスして「Download .zip」のボタンをクリックしてダウンロードします。

 

jQueryプラグイン「resTables」を設置してみよう!

jQuery本体とrestables.min.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。
特定のテーブルだけに適応したい場合はクラスなどを付けるといいですよ。

 

CSSを記述します。

 

HTML5+CSS3でつくる! レスポンシブWebデザイン
HTML5+CSS3でつくる! レスポンシブWebデザイン

 

いかがでしたか。これはすぐにでも使えそうですね。
以上でテーブルをレスポンシブ対応にできるjQueryプラグイン「resTables」!でした。

topへ戻る