Динамически заданный источник данных для столбцов данных jQuery

Question

Есть ли способ, которым мы можем динамически устанавливать источник данных для столбцов данных? Как я установил columns.data по жестко прописывать имя каждого свойства, как это:

$.ajax({ 
    data: JSON.stringify(data), 
    url: urlGetProviderQualificationTimeData, 
    type: 'POST', 
    contentType: "application/json; charset=utf-8", 
    success: function (obj) { 
     if (obj.success) { 
      $('#tblProds').dataTable({ 
      data: obj.data.ProdsDetails, 
      columns: [ 
       { "data": "PName" }, 
       { "data": "PTime" } //hardcoded mapping of properties  
      ] 
      }); 
     } 
    }, 
}); 

ProdsDetails образца массив:

Array[2] 
0:Object 
    PName:"ATT", 
    PTime:"6.48" 
1:Object 
    PName:"CENTURYLINK", 
    PTime:"3.67" 

Есть ли способ, мы можем избавиться от этого закодированного отображения свойств и столбцов?

Answer 1

Вот ваш массив:

var array=[ 
      {PName:"ATT",PTime:"6.48" }, 
      {PName:"CENTURYLINK",PTime:"3.67"} 
      ]; 

Теперь, вы должны получить все keys и построить окончательный массив:

var obj=array[0]; 
var keys=[]; 
for(var k in obj) 
    keys.push({"data":k}); 

Теперь keys массив выглядит следующим образом:

[ 
    {"data":"PName"}, 
    {"data":"PTime"} 
] 

И последний шаг - назначить массив columns prop erty из DataTable:

columns:keys 

Теперь это должно выглядеть следующим образом:

columns:[ 
      { "data": "PName" }, 
      { "data": "PTime" }  
] 

Надеется, что это помогает!.

Answer 2

У меня была такая же проблема, и я работал над этим, создав дополнительный массив json для свойства columns.data. Используется функция php для прокрутки заголовков и помещения ее в массив json.