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

makublo_thumb3

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-04-03 13.36.31
  2. スクリーンショット 2015-05-16 18.38.18
  3. twitter-192x300
  4. 電子書籍
  5. Smart Reply2
  6. 運転免許証1
  7. スクリーンショット 2016-04-17 20.55.46
  8. ハンコ1
  9. DMM英会話1
  10. 27259541

ピックアップ記事

  1. スクリーンショット 2017-01-18 0.02.58

    2017-1-18

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

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

ピックアップ記事

  1. 納豆

    2016-8-17

    【2016年度版】納豆に混ぜたら美味しいものランキングベスト3

    私は3度の飯より納豆が好きです! まぁ嘘なんですけど。でもそれなりに好きです。 でも市販の納豆っ…

ピックアップ記事

  1. p021451522_480

    2016-11-14

    中目黒おすすめバー特集 Part.1

    中目黒にはオシャレなお店がたくさん。 服や雑貨、レストランだけでなく、 オシャレなバーもたくさんある…
ページ上部へ戻る
Top