jQuery Data Tableパラメータの説明
2629 ワード
Datablesはjqueryテーブルプラグインです.高度に柔軟なツールであり、HTMLテーブルに高度なインタラクティブ機能を追加できます.
コード:
jQueryUI
jQuery UI ThemeRollerのラベルとCSSクラスを適用します.
autoWidth
自動列幅の計算を有効または無効にします.列幅が定義されている場合は、このオプションを無効にすると最適なパフォーマンスが得られます.
info
検索が適用されると、テーブルの検索条件が適切な場所に表示されます.この構成では、このプロパティをオンまたはオフにできます.検索が適用されると、テーブルの検索条件が適切な場所に表示されます.この構成では、このプロパティをオンまたはオフにできます.
lengthChange
paginationが有効になっている場合、このオプションをtrueに設定すると、各ページに表示されるレコードの数を選択できるドロップダウン・ボックスが表示されます.
ordering
各データ列のソートの使用を許可または禁止します.デフォルトでは、各列のヘッダー・セルをクリックし、その列に基づいてテーブル全体をソートできます.このオプションは、このソート機能を無効にすることができます.
paging
DataTableは、大量のレコードを独立したページに分割することができます.小さなページスペースに大量のデータ記録を表示する場合、これは非常に有効な方法です.これにより、ページナビゲーションコントロールは、異なるデータの表示を要求するために使用されます.この機能はデフォルトで有効です(true)、禁止したい場合はfalseに設定します.
processing
テーブルがソートなどの処理中である場合、「processing」インジケータの表示を有効または禁止します.大きなデータを処理する場合、処理にかかる時間が明らかになり、この機能は非常に役立ちます.
scrollX
水平スクロールを許可します.特定のレイアウトに適応できないほど表が広く、列が多すぎる場合は、ウィンドウ内で表を水平にスクロールできます.
scrollY
表の垂直スクロールを制御します.Vertical scrollingでは、指定した高さのDataTableを強制し、現在のビューポートを超えたデータをスクロールできます.これは、小さなビューポートに大量のデータを表示する選択として使用できます(ページ分割とスクロールは同時に使用できますが、必要に応じて).
searching
Datablesがローカル検索を有効にするかどうか
serverSide
DataTableには、次の2つの基本的な動作モードがあります.クライアント処理モード--このモードでは、フィルタ、ページング、ソートなどの処理がブラウザで行われます. サーバ・エンド・プロセッシング・モード--このモードでは、フィルタリング、ページング、ソートの処理がサーバ側に置かれます.
デフォルトではDataTableはクライアント処理モードを使用しますが、サーバ側処理モードに切り替えるように構成できます.大量のデータを処理する場合(50000以上のレコードなど)サーバ側の処理モードは非常に有用である.この場合、データベースを使用してソート操作を行うことができます.現代のデータベースはこのような処理を最適化しており,このような方式を用いることで,DataTableが数万件の記録並べ替え,フィルタリングに容易に対処できる.
サーバ側処理モードを使用する場合、DataTableは必要なパラメータをサーバ側に送信し、必要なデータ(ページ番号、フィルタ条件など)を説明します.また、DataTableは、返されるパラメータからテーブルを表示するために必要なパラメータを取得する必要があります.
stateSave
ステータスストレージをオンまたはオフにします.ステータスストレージをオンにすると、Datablesはブラウザにステータスを格納し、ページング位置、各ページに表示される長さ、フィルタされた結果、ソートを含む.ユーザーがページを再リフレッシュすると、テーブルのステータスが前の設定に設定されます.
deferRender
テーブルの遅延レンダリングを制御すると、初期化の速度が向上します.
コード:
$('#example1').DataTable({
"paging" : true,
"lengthChange": true,
"searching" : true,
"ordering" : false,
"info" : true,
"autoWidth" : true,
"jQueryUI" : true,
"paging" : false,
"processing" : true,
"scrollX" : true,
"scrollY" : true,
"serverSide" : true,
"stateSave" : true,
"deferRender" : true
})
jQueryUI
jQuery UI ThemeRollerのラベルとCSSクラスを適用します.
autoWidth
自動列幅の計算を有効または無効にします.列幅が定義されている場合は、このオプションを無効にすると最適なパフォーマンスが得られます.
info
検索が適用されると、テーブルの検索条件が適切な場所に表示されます.この構成では、このプロパティをオンまたはオフにできます.検索が適用されると、テーブルの検索条件が適切な場所に表示されます.この構成では、このプロパティをオンまたはオフにできます.
lengthChange
paginationが有効になっている場合、このオプションをtrueに設定すると、各ページに表示されるレコードの数を選択できるドロップダウン・ボックスが表示されます.
ordering
各データ列のソートの使用を許可または禁止します.デフォルトでは、各列のヘッダー・セルをクリックし、その列に基づいてテーブル全体をソートできます.このオプションは、このソート機能を無効にすることができます.
paging
DataTableは、大量のレコードを独立したページに分割することができます.小さなページスペースに大量のデータ記録を表示する場合、これは非常に有効な方法です.これにより、ページナビゲーションコントロールは、異なるデータの表示を要求するために使用されます.この機能はデフォルトで有効です(true)、禁止したい場合はfalseに設定します.
processing
テーブルがソートなどの処理中である場合、「processing」インジケータの表示を有効または禁止します.大きなデータを処理する場合、処理にかかる時間が明らかになり、この機能は非常に役立ちます.
scrollX
水平スクロールを許可します.特定のレイアウトに適応できないほど表が広く、列が多すぎる場合は、ウィンドウ内で表を水平にスクロールできます.
scrollY
表の垂直スクロールを制御します.Vertical scrollingでは、指定した高さのDataTableを強制し、現在のビューポートを超えたデータをスクロールできます.これは、小さなビューポートに大量のデータを表示する選択として使用できます(ページ分割とスクロールは同時に使用できますが、必要に応じて).
searching
Datablesがローカル検索を有効にするかどうか
serverSide
DataTableには、次の2つの基本的な動作モードがあります.
デフォルトではDataTableはクライアント処理モードを使用しますが、サーバ側処理モードに切り替えるように構成できます.大量のデータを処理する場合(50000以上のレコードなど)サーバ側の処理モードは非常に有用である.この場合、データベースを使用してソート操作を行うことができます.現代のデータベースはこのような処理を最適化しており,このような方式を用いることで,DataTableが数万件の記録並べ替え,フィルタリングに容易に対処できる.
サーバ側処理モードを使用する場合、DataTableは必要なパラメータをサーバ側に送信し、必要なデータ(ページ番号、フィルタ条件など)を説明します.また、DataTableは、返されるパラメータからテーブルを表示するために必要なパラメータを取得する必要があります.
stateSave
ステータスストレージをオンまたはオフにします.ステータスストレージをオンにすると、Datablesはブラウザにステータスを格納し、ページング位置、各ページに表示される長さ、フィルタされた結果、ソートを含む.ユーザーがページを再リフレッシュすると、テーブルのステータスが前の設定に設定されます.
deferRender
テーブルの遅延レンダリングを制御すると、初期化の速度が向上します.