Таблицы данных JQuery не отображают заголовки столбцов ⇐ Jquery

[Anonymous]

Это связано с вопросом здесь. Однако мой случай немного другой. Я хотел бы реализовать тот же пример данных из другого вопроса, который находится здесь. Как видите, вам нужно передать имена столбцов, чтобы иметь возможность инициализировать заголовки таблиц, как показано ниже

Код: Выделить всё

 "columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "extn" },
{ "data": "start_date" },
{ "data": "salary" }
]

Проблема в том, что я не знаю заранее имена заголовков, поскольку они изменятся. Я пробовал инициализировать имена столбцов, когда получаю данные из ajax, как показано ниже, используя третью переменную (см., где написано «обратите внимание на эту строку», но это не работает.

Код: Выделить всё

            //PAY ATTENTION TO THIS LINE
var columnsHeaders = [];

var ab = $('#dynamicScenarioTable').DataTable({
"bDestroy": true,
"dom": 'Tlfrtip',
"ajax": {
"type": "POST",
"url": "dynamicScenario.htm",
"data": tags,
"dataType": "json",
"dataSrc": function(json){
//PAY ATTENTION TO THIS LINE
columnsHeaders.push({"data": json.header });
return json.vals;
},
"error": function(exception)
{
displayMessageOnError();
}
},
//PAY ATTENTION TO THIS LINE
"columns":  [columnsHeaders],

tableTools: tableDefaultS.tableTools
});

Есть идеи?

Подробнее здесь: https://stackoverflow.com/questions/313 ... mn-headers