jqueryでtableを整形する便利プラグインDataTables!

jqueryとDataTablesでお手軽table操作

Webページで動的なデータの表を作ることってあると思うんですが、
ページング、検索、表示件数の制御などなど、
やることって大量にありますよね!?

それを一瞬で実装してくれるプラグインがこれ!!!
DataTables
jqueryを使っていて、tableを整形したい方には、
うってつけ(^o^)

使い方もとても簡単!

DataTablesでできる機能

スクリーンショット 2016-08-03 12.49.04

・表示件数の制限
・検索
・ページング

とりあえず、これはいるだろうっていう機能は、
余裕で入ってます。

DataTablesの導入方法

jqueryのバージョンは、1.9.1です。
DataTablesのバージョンは、1.9.2です。

・HTML

・jqueryでdataTablesの初期設定

DataTablesのバージョンが1.9.X での設定になります。
1.10.X 以降で記述方法が多少変わるのでご注意下さい。

最後に

DataTablesは、便利すぎます!
サーバサイドでの開発工数をグッと短縮できます!
しかも、サーバへのアクセスも減るので、
ユーザビリティ的にも、なお良し
これを機会に、DataTablesを使って、
table要素は、jqueryでごにょごにょしましょう

関連記事

コメントは利用できません。

ピックアップ記事

  1. 2014/3/25

    2014年♡春

ピックアップ記事

  1. 2016-10-5

    毎回気になるテレビ朝日「仮面ライダー」の新ヒロイン!!!今回は今後期待のあの子!!!

    出典:http://www.tv-asahi.co.jp/ex-aid/  【テレビ朝日「仮面ライダ…

ピックアップ記事

  1. 2016-11-1

    最近バズってるなと感じるダンス3選!!!

    出典:http://www.tbs.co.jp/NIGEHAJI_tbs/  「ULTRA TIGE…

ピックアップ記事

  1. 2016-5-11

    自分が思いついたサービスは他の誰かも考えている

    こんばんにちは。日時過ごしていると、こんなサービスあればいいのに。なんてことをよく考えることがある。…
ページ上部へ戻る
Top