Как добавить динамические заголовки столбцов JQuery DataTable

Question

Я пытаюсь добавить динамический заголовок столбца в таблице данных, Вот мой код для DataTable инициализации:

var $table=$('#MSRRes').dataTable 
({ 
     "bFilter": false,       
     "bDestroy": true, 
     "bJQueryUI": true, 
     "ajax" :{ 
        url: 'getResult.php', 
        type: "POST", 
        data: { 
         formData:postData, 
         formName:'afscpMsr', 
         action:'advanceSrch' 
        } 

       } 
}); 

следующий код для статического intialisation заголовка столбца таблицы : Имя клиента Feature Order No NCP Номер счета MCN Код Sales Person Впритык
(DD/MM/YYYY) Количество SUP, дающих Zonee Id Подробности

Следующий код Ajax вызова, чтобы получить DataTable отображения результатов наряду с именами столбцов, чтобы быть дисплей: $ результат в формате JSON, $ colcond = 'CUST_NAME, cust_no, mcn_no, sales_contact_name , order_no, COUNT (sup_id), due_date, z.zoned_from_id ';

$newarray = array(
       "draw"   => 1, 
       "recordsTotal" => sizeof($result), 
       "recordsFiltered" => sizeof($result), 
       "data"   => $result, 
       "column"   => $colCond 
      ); 

      echo json_encode($newarray); 

Answer 1

var aryColTableChecked = ["column00", "column01", "column02", "column03","column00","column00","column00","column00"]; 
var aryJSONColTable = []; 

for (var i=0; i < aryColTableChecked.length; i++) { 
     aryJSONColTable.push({ 
       "sTitle": aryColTableChecked[i], 
       "aTargets": [i] 
     }); 
}; 

включить это в таблице данных определение:

var $table=$('#MSRRes').dataTable 
({ 
    "bFilter": false,       
    "bDestroy": true, 
    "bJQueryUI": true, 
    "ajax" :{ 
       url: 'getResult.php', 
       type: "POST", 
       data: { 
        formData:postData, 
        formName:'afscpMsr', 
        action:'advanceSrch' 
       } 

      }, 
    "aoColumns": aryJSONColTable 
}); 

});