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. 2016-11-16

    れんこんサミットって何!?11月17日はレンコン記念日!今夜はレンコン料理で決まり!!

    みなさん、今日が何の日かご存知ですか!?そう、今日は!!レンコンの日!!!!です!!!!レンコンの日…

ピックアップ記事

  1. 2016-11-9

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

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

ピックアップ記事

  1. 2016-9-7

    狂気あふれる話題のゲーム『Year Of The Ladybug』最新トレイラー本日公開!初公開イラスト、制作陣コメント有り!

    狂気溢れる話題のインディーゲーム!最新トレイラー本日公開!! https://www.youtub…
ページ上部へ戻る
Top