$(document).ready(function() {
$('#example').dataTable({
「sScrollX」:「100%」、// テーブルの幅
「sScrollXInner」:「110%」、//テーブルの内容幅
"bScrollCollapse": true、//表示データがテーブルのデフォルト高さを支えるほど大きくない場合、垂直スクロールバーは表示されます。 (デフォルトは偽)
「bPaginate」:真、//ページが表示されているかどうか
「bLengthChange」:true、//ページあたり表示されるレコード数
「bFilter」:true、//検索バー
「bSort」:true、//ソート機能がサポートされているかどうか
「bInfo」: true、//テーブル情報を表示します
「bAutoWidth」:false、//Adaptive width(適応幅)
"aaSorting": [[1, "asc"]], //リストをソートし、最初のパラメータは配列(0から始まる)を表します。 1はブラウザの列を示します。 2つ目のパラメータはdescまたはascです
「aoColumns」: [
null、
null、
{
「bVisible」:真、//見えない
"bSearchable": false、//検索に参加
},
null、
ヌル
]、// 列設定、テーブルには複数の列があり、配列には複数の項目があります
「bStateSave」:true、//Save stateをクッキー***************に保存することが重要です。検索時にページをリフレッシュすると、検索は消えます。 この性質は回避可能です
「sPaginationType」:「full_numbers」、//ページネーション、2つのスタイル、full_numbersとtwo_button(デフォルト)
「oLanguage」:{
「sLengthMenu」:「ページごとの_MENU_レコードを表示」
「sZeroRecords」:「申し訳ありませんが、関連するデータは照会できません」
"sInfo": "現在、_TOTAL_レコードの_START_から_END_まで表示中"
「sInfoEmtpy」:「データなし」
「sInfoFiltered」:「データテーブル内の_MAX_レコードの合計」)」
「sProcessing」:「読み込み中...」
「sSearch」: 「search」、
"sUrl": ""、//多言語設定ファイル。例:Javascrip{filter}t/datatable/dtCH.txt
「oPaginate」:{
「sFirst」:「最初のページ」、
「sPrevious」:「Previous」、
「sNext」:「Next」、
「sLast」:「ラストページ」
}
}、//多言語構成
"bJQueryUI": false、// jquryのUIテーマを追加するにはCSSの追加が必要です
"aLengthMenu": [[10, 25, 50, -1, 0], ["10 enentry per page", "25 entry per page", "50 enentry per page", "show all data", "do not show data"]] // ドロップダウンメニューでページごとのレコードを表示するように設定
});
});
デフォルト設定を直接呼び出してください
$('#example').dataTable();
|
掲載地 2015/11/02 16:47:09
|
|
|
|
