DataTablesへのAJAX応答の追加とDataTables警告の取得

2020-07-31 javascript html jquery ajax datatables

DataTablesを使用するのは初めてです。 APIを実行し、DataTablesを使用して、APIから取得したデータをテーブルに追加します。以下は私のコードです:

const showList_client_identifier_master = (client_name) => {
    startLoader();
    ajaxGet("API link",
      response => {
        console.log(response);  
        tbl.rows().clear();

        tbl.rows.add(response.map(a => [
          toString(a.id),
          toString(a.client_name),
          toString(a.organization_name),
          toString(a.carrier_name),
          toString(a.account_name),
          toString(a.groupnumber),
          toString(a.bin),
          toString(a.pcn),
          toString(a.area_name),
          toString(a.submitted_bin),
          toString(a.submitted_pcn),
          toString(a.submitted_groupnumber),
        ]));

        tbl.rows().draw();
        console.log('table updated.');
        initTable();
      }
    );
}

応答でデータを取得していることはわかっていますが、次のエラーが発生します。

ここに画像の説明を入力してください

列に適切にアクセスしていることがわかっているため、問題の原因を特定できません。

AJAXからの応答は次のとおりです。

0: {id: 123, client_name: "abc", organization_name: "abc", 
   carrier_name: "abc", account_name: "abc", …}

1: {id: 123, client_name: "abc", organization_name: "abc", carrier_name: 
   "abc", account_name: "abc", …}

0の完全な応答を表示する場合

0:
account_name: "abc"
area_name: abc
bin: "123"
carrier_name: "abc"
client_name: "abc"
created_by: "abc"
etl_created_datetime: "2123"
etl_modified_datetime: "123"
groupnumber: "abc"
id: abc
organization_name: "abc"
pcn: "abc"
submitted_bin: abc
submitted_groupnumber: abc
submitted_pcn: abc

私のテーブルは次のように初期化されます:

    const initTable = () => {
    if (tbl) tbl.destroy();
    tbl = $('table').DataTable({
        searching: false,
        lengthChange: false,
        pageLength: 20,
        language: {
            paginate: {
                previous: "<<",
                next: ">>",
                first: "|<",
                last: ">|"
            }
        },
        order: []
    });
};

Answers

Related