Динамические имена столбцов в JQuery DataTables

Question

Im неспособно динамически объявлять заголовки таблиц в данных datatables. Вот что я пытался до сих пор:

if (result != "[]") { 

     var resultColumns = []; 

     $.each(result.Columns, function(i, value){ 

      var obj = { sTitle: value }; 

      resultColumns.push(obj); 
     }); 


     $('#trendingTable').dataTable({ 
      "aaData": result, 
      //important -- headers of the json 
      "aoColumns": [ resultColumns ], 
      "sPaginationType": "full_numbers", 
      "aaSorting": [[0, "asc"]], 
      "bJQueryUI": true, 
      "bDestroy": true, 

     }); 
    } 

Мой результат JSON:

{"Column1":["ABC","XYZ"],"Column2":[0.0,0.0],"Colum3":[0.0,0.0],,"Columns":["Column1","Column2","Colum3"]} 

Answer 1

У вас есть два варианта для достижения этой цели.

. Измените свой результат JSON в ниже формат:

{"COLUMNS":[{ sTitle: "COLUMN1"}, { sTitle: "COLUMN2"}, { sTitle: "COLUMN3"}], "DATA":[[" ABC","DEF","XYZ"],["0.0,"0.0","0.0"],["1","2","3"],["I","II","III"]]}

2. Как JQuery DataTable является HTML таблица, визуализации строк и столбцов, разобрать ваш результат JSON
и добавлять столбцы table thead.