jQuery ReStable – レスポンシブなサイトでのテーブル表示に

テクノロジーカテゴリーの変更を依頼記事元:

www.moongift.jp

18 usersがブックマークコメント

記事へのコメント2件

注目コメント
新着コメント

tak4hir0 jQuery ReStable – レスポンシブなサイトでのテーブル表示に|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/12/12 リンク

YaSuYuKi ライセンスが示されていないのでは使えない

2013/12/12 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fwww.moongift.jp%2F2013%2F12%2Fjquery-restable-%25E3%2583%25AC%25E3%2582%25B9%25E3%2583%259D%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%2596%25E3%2581%25AA%25E3%2582%25B5%25E3%2582%25A4%25E3%2583%2588%25E3%2581%25A7%25E3%2581%25AE%25E3%2583%2586%25E3%2583%25BC%25E3%2583%2596%25E3%2583%25AB%25E8%25A1%25A8%25E7%25A4%25BA%25E3%2581%25AB%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://www.moongift.jp/2013/12/jquery-restable-%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E3%81%AE%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E8%A1%A8%E7%A4%BA%E3%81%AB/">jQuery ReStable – レスポンシブなサイトでのテーブル表示に</a><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2013/12/jquery-restable-%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E3%81%AE%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E8%A1%A8%E7%A4%BA%E3%81%AB/">はてなブックマーク - jQuery ReStable – レスポンシブなサイトでのテーブル表示に</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

jQuery ReStable – レスポンシブなサイトでのテーブル表示に

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しましたレス... MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しましたレスポンシブデザインを使う際にぜひ！最近はWebデザインをレスポンシブに行うことが増えていますが、その最大の問題とも言えるのがテーブルではないでしょうか。特に業務系システムで多数のカラムがあったりすると大変なことになります。もし自分たちのサイトにレスポンシブなテーブルを組み込まなければならないとしたらjQuery ReStableをチェックしてみてください。テーブルのデータによるかも知れませんが、解決につながる可能性があります。例えばデスクトップでは以下のような表示です。それをスマートフォンサイズまで縮めると次のように縦になります。 HTMLは下のように普通のテーブルです。 <table class="mytable"> <thead> <tr> <td>Period</t