【JQuery】DataTables プラグインを使ってテーブルをパワーアップしてみる

Javascript, 開発

おはようございます。

最近、AdminLTEというBootstrapベースのCSSフレームワークを色々弄ってみてるのですが、
JQueryプラグインの DataTables というのが含まれていて、気になって調べているところです。

これが結構便利で、使いどころが色々ありそうなんですよね。

ひとまず簡単に導入するところから。

(今回はCDNを利用するので、ダウンロード作業等はありません)

スポンサーリンク

ソース

表示してみる

変更前のテーブル

適用前のテーブル
適用前のテーブル

変更後のテーブル

適用後
適用後

色々とリッチな感じになりました。

フィルタリング
フィルタリング

フィルタリングも簡単にできます。

まとめ

ただのテーブルに色々な機能が簡単について便利ですね。

次回は引き続き DataTables の可能性を調べていきたいと思います。
ではでは。

スポンサーリンク


関連するコンテンツ