如何在JQuery數據表中使用Json動態填充列名稱？

Question

的Json --------------------------

{ "data": [ 
    { 
    "name": "Garrett Winters", 
    "designation": "Accountant", 
     "salary": "$170,750", 
     }, 
    { 
     "name": "Brielle Williamson", 
     "designation": "Integration Specialist", 
     "salary": "$372,000", 
     } 
] 
} 

HTML ------------- ----

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#empTable').dataTable({ 
      "ajax": "empdata.json", 
      "async": false, 
      "columns": [ 
       {"data": "name"}, 
       {"data": "designation"}, 
       {"data": "salary"}, 

      ] 
     }); 
    }); 
    </script> 

而不是硬編碼列如姓名，名稱和薪水，我想讀的JSON和填充柱name.Can有人能幫助我嗎？

Answer 1

如果響應中的每個對象具有相同的形狀，則使用第一個響應的鍵創建一個列數組。

var columnNames = Object.keys(response.data[0]) 
// Or whatever variable the data is in. You call Object.keys() 
// with an object and it will return an array of the keys. 
//eg. Object.keys({ 'one': 1, 'ball': 2}) will return ['one', 'ball'] 

var columns = columnNames.map(name => { 
    return {"data": name} 
}); 

The columns variable would be a dynamic version of your hard coded columns.