TOP > Design > 表組みをする際に参考にしたい HTML用JSツール10種「10 Useful JS Tools For better HTML Tables」

2015年06月03日

表組みをする際に参考にしたい HTML用JSツール10種「10 Useful JS Tools For better HTML Tables」

数値や分析結果、データなどを見せるときなどに使用する表組みのテーブルレイアウト。結構頻繁に使っている方も多いと思います。そんな中今回紹介するのは、表組みをする際に参考にしたい HTML用JSツール10種「10 Useful JS Tools For better HTML Tables」です。

シンプルですが、それぞれの機能に個性を持ったツールが紹介されており、非常に便利に活用することができそう。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

jQuery plugin: Tablesorter 2.0
定番として利用できそうなシンプルな構造がポイント。矢印ボタンクリックで上下の入れ替えができます。
　
　
　
　

DataTables | Table plug-in for jQuery
見た目はシンプル。検索機能や表示数、ページめくりなど、よく利用する要素がセットになっているのが嬉しいですね。
　
　
　
　

EditableGrid, build powerful editable tables – What's EditableGrid ?
チェック機能に加え、ゴミ箱＋アラートなどの付加機能が。アレンジすればもっと魅力的なテーブルレイアウトとして活躍してくれそうですね。
　
　
1から組み上げてももちろん良いのですが、機能をプラスしたいときは参考にするのがおすすめ。ぜひ一度取り入れてみてください。

10 Useful JS Tools For better HTML Tables | SmashingApps.com

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。

posted 01:55 |

Category: Design

tag: Design html js デザイン

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください【商用可】アナログ感のあるドローイングフリーフォント「THRONE」アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに！をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください

Template deisgn by iDEACLOUD inc.

トップに戻る