• かちびと.net

    横長になったtable要素を2列にしてスマフォ等の小さい画面でも閲覧出来るようにするjQueryプラグイン・stacktable.jsのご紹介です。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

横長になったtable要素を2列にしてスマフォ等の小さい画面でも閲覧出来るようにするjQueryプラグイン・stacktable.js

スポンサーリンク

横長になったtable要素を2列にして
スマフォ等でも閲覧しやすくできる、
というスクリプトです。単純な作り
のtableならこれで対応できますね。
複雑なものはちょっと難しそうでは
ありますが・・

table要素をスマフォのような幅の狭いデバイスでも閲覧出来る様にする、というライブラリ。

stacktable.js


tableのレスポンシブ対応方法はよく見かけますが、最適とはいえません。なかなか難しいですね。こちらもシンプルな作りのtableに限ります。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="stacktable.js" type="text/javascript"></script>

本体とスクリプトを読み込んで

$('#foo').stacktable();

初期化。

stacktable.jsの利点はとにかく超軽量な点です。非圧縮でも2KBあるかないか、という軽さなのが魅力ですね。コード、大変参考になりました。

stacktable.js

URL :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services