Datatables Ошибка, когда столбец не определен

Question

Я пытаюсь понять, что здесь происходит не так:

var TableName = $('#List').DataTable({
        autoWidth: false,
        pagingType: "full_numbers",
        order: [[ 1, "desc" ]],
        serverSide: true,
        processing: false,
        ajax: "datatables.cfc?method=getTable",
        columns: arr,
        columnDefs: arrDefs
    });

Вот как arr и arrDefs идут:

var arr=[];
var arrDefs = [];
datacolumns.split(",").forEach((element)=>{
arr.push({data:element.trim()})
arrDefs.push({className: "editable alignCenter"})
});

arrDefs.push({
    width: "1em", className: "deleteCol", orderable: false
});

Но я получаю ошибка:

Ошибка типа: столбец не определен jquery .dataTables. js: 1722: 5 jQuery 7

my JSON

[
  {
    "DT_RowData": {
      "pkey": 1
    },
    "DT_RowId": 1,
    "id": 1,
    "delete": "<img class=\"deleteButton\" src=\"delete.png\" alt=\"delete1\" />",
    "title": "Dewey defeats Truman"
  },
  {
    "DT_RowData": {
      "pkey": 2
    },
    "DT_RowId": 2,
    "id": 2,
    "delete": "<img class=\"deleteButton\" src=\"delete.png\" alt=\"delete2\" />",
    "title": "Men walk on Moon"
  }
]