I want to display data that I'm getting from API response in a datatable.
The APEX method returns JSON in this format:
{
"data": [
[
"765919758146423601",
"5ebd304a4cec1000",
"2021-01-13T18:38:05",
"1920x1080",
[
0,
"Desktop"
]
],
[
"2402015774021312251",
"48566e2f521a4000",
"2021-01-12T21:19:48",
"1920x1080",
[
0,
"Desktop"
]
],
[
"3472999688268527503",
"af3b292e27638000",
"2021-01-12T22:45:36",
"1920x1080",
[
0,
"Desktop"
]
],
[
"7787867248858577125",
"7ffb01dfb283d400",
"2021-01-14T09:02:02",
"1920x1080",
[
0,
"Desktop"
]
],
[
"10928117865478904202",
"84132d38a08b2000",
"2021-01-14T11:05:20",
"1920x1080",
[
0,
"Desktop"
]
],
[
"14601725682851508262",
"a3c3730b1fd0ab14",
"2021-01-15T03:31:55",
"1920x1080",
[
0,
"Desktop"
]
]
],
"meta": {
"columns": [
"session_id",
"visitor_id",
"timestamp",
"resolution",
"device_type"
],
"count": 6
}
}
The columns of the datatable are set dynamically in this manner:
for (var i in mustHaveSessionLabelColumns) {
dataTableColumnList.push({
label: mustHaveSessionLabelColumns[i],
fieldName: responseList[i],
type: 'text'
});
}
component.set("v.columns",dataTableColumnList);
When I test the aura:app I get correct amount of columns with correct fieldName&type (Checked with console.log) but I have trouble mapping the responseData to datatable data="v.dataTableData"
<lightning:datatable
keyField="id"
data="{!v.dataTableData}"
columns="{! v.columns }"
hideCheckboxColumn="true"
resizeColumnDisabled="true"
minColumnWidth="100"
maxColumnWidth="1000"
showRowNumberColumn="true"/>