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. 2013/10/25

    タピオカ!

ピックアップ記事

  1. 2018-7-2

    【Report2】インターネット・マーケティングフォーラム2018「株式会社ポーラ様 vs Macbee Planet代表小嶋」

    インターネット・マーケティングフォーラム2018「株式会社ポーラ様 vs Macbee Planet…

ピックアップ記事

  1. 2015-9-18

    アメリカでサルバドール・ダリを見てきました。

    こんにちは!9月5日〜11日までアメリカに行ってきました。ツアーの詳細を全く確認せずに旅だったので、…

ピックアップ記事

  1. 2016-11-15

    ずぼらさん必見!簡単ごはん『もぐー』の人気レシピ動画まとめ 〜ごはん編〜

    ずぼらでも簡単においしく作れるレシピまとめ もぐー(mogoo)とは、「かんたん・おいしい・たのし…
ページ上部へ戻る
Top