jQuery Data Tableプラグインのデータへの対応関係

1749 ワード

テーブルを初期化する場合は、aoColumnDefsまたはaoColumnsプロパティを使用して各カラムにプロパティを設定します.
カラムが表示されないか、テーブルに新しく追加されたデータは、以下の設定に従うと、データソースの各カラムが少なくなりません.例:

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},
]