アフィリエイト広告を利用しています

広告

posted by fanblog

2015年11月23日

【jQuery】Datatablesオプション一部抜粋


bootstrapのDatatableについては以下で説明しています。

使い方などについても以下のリンクからどうぞ。
【Bootstrap】DataTablesがすごい

実際に使用してみると、
もっとアレンジしたいとか、要望がガサガサ出てきて、
オプションも書ききれてなかったものがザクザク出てきたので追加でメモ( ..)φ

DatatablesとはきれいなUIであることだけでなく、
ソート機能や検索機能などをもったプラグインです。

2015-10-29_232840.png


$(document).ready(function() {
$('#example').DataTable();

//ここにオプションを記載

} );



オプション
// falseにすると全データが表示され、ページ切替ボタンが非表示になる
paging: true,
// falseにすると検索ボックスが非表示になる
searching: true,
// falseにするとヘッダーをクリックしてもソート不可になる
ordering: true,
// falseにすると左下のインフォメーションが非表示になる。
info: true,
// ページ初期表示時にソートする列を指定
order: [[0, 'asc']],  
// [[0, 'asc']]は、0列目を昇順表示とする意味。
 // ex: 左から2列目を降順であれば、[[1,'desc']]





posted by newprogramer at 22:29| Comment(0) | TrackBack(0) | jQuery
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/4447704
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
検索
カテゴリーアーカイブ

最新記事
×

この広告は30日以上新しい記事の更新がないブログに表示されております。