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. 2017-1-18

    気軽に芸能人気分が味わえる!!芸能人が愛するロケ弁3選!!!

    出典:http://portal.nifty.com/kiji/160701196892_1.htm…

ピックアップ記事

  1. 2016-11-9

    気軽に芸能人気分が味わえる?? 芸能人が愛するロケ弁BEST3!!

    最近我が社で2週間に一回、芸能界あるあるのロケ弁を頼んで社員全員でランチしよ…

ピックアップ記事

  1. 2016-5-12

    噂のダンシングクラブに行ってみました!

    みなさま、こんにちは!ちっひーです!!月金をお休みをすれば、10日もお休みになるという長…
ページ上部へ戻る
Top