jQuery Data Tableプラグインのデータへの対応関係
1749 ワード
テーブルを初期化する場合は、aoColumnDefsまたはaoColumnsプロパティを使用して各カラムにプロパティを設定します.
カラムが表示されないか、テーブルに新しく追加されたデータは、以下の設定に従うと、データソースの各カラムが少なくなりません.例:
ではtableを使います.fnAddData(arrayData)の場合、arrayDataのデータは次のとおりでなければなりません.
各カラムに対応するプロパティは少なくできません.
カラムに対応する属性が欠落している可能性がある場合は、次の設定でエラーを回避できます.
aoColumnDefsもaoColumnsもテーブル列に属性を設定しない場合は、オブジェクトを使用することなく、次の方法で直接データを追加する必要があります.
データは順番に、そのままセルに挿入されます.セルにcheckboxを入れたい場合は、次のように直接使用できます.
列に「データ・ソース」がない場合は、テーブルの初期化時に次のように設定できます.
aoColumnDefsでmData:nullを設定することもできます
データを追加する場合は、次のフォーマットを使用して、データの列が1つ欠けています.
カラムが表示されないか、テーブルに新しく追加されたデータは、以下の設定に従うと、データソースの各カラムが少なくなりません.例:
aoColumnDefs : [
{"aTargets" : [0], "mData" : "name"},
{“aTargets” : [1], “mData” : “age”},
{“aTargets” : [2], “mData” : “salary”}
]
ではtableを使います.fnAddData(arrayData)の場合、arrayDataのデータは次のとおりでなければなりません.
[
{“name” : “Jim”, “age”: 20, “salary”: 1000000},
]
各カラムに対応するプロパティは少なくできません.
カラムに対応する属性が欠落している可能性がある場合は、次の設定でエラーを回避できます.
aoColumnDefs : [
{"aTargets" : [0], "mData" : "name"},
{“aTargets” : [1], “mData” : “age”},
{“aTargets” : [2], “mData” : function(source, type, val){
if(source.salary){
return source.salary;
}else{
return null;
}
}}
]
aoColumnDefsもaoColumnsもテーブル列に属性を設定しない場合は、オブジェクトを使用することなく、次の方法で直接データを追加する必要があります.
dataTable.fnAddData(['Jim', 21, 1000000])
データは順番に、そのままセルに挿入されます.セルにcheckboxを入れたい場合は、次のように直接使用できます.
dataTable.fnAddData(['<input type="checkbox">', 21, 1000000])
列に「データ・ソース」がない場合は、テーブルの初期化時に次のように設定できます.
"aoColumns": [
null,
null,
{ "mData": null }
]
aoColumnDefsでmData:nullを設定することもできます
データを追加する場合は、次のフォーマットを使用して、データの列が1つ欠けています.
[
{“name” : “Jim”, “age”: 20},
]