Datatables данные из массива var

Question

У меня есть массив данных в переменной var, например:

[0: Object { Moda: "A", Service: "B", Price: "1", … },1: Object { Moda: "C", Service: "D", Price: "2", … }]

Как вызвать и отобразить его в столбцах таблицы данных?

Вот скрипт с данными:

$('#table').DataTable({
  "data": price,
  "columns": [{
      "data": "Moda"
    },
    {
      "data": "Service"
    },
    {
      "data": "Price"
    },
  ]
});

Answer 1

Вы можете передать массив объектов через свойство aaData, а затем использовать свойство столбца, чтобы определить, какой столбец должен получать данные:

var jsonArray = [{ Moda: "A", Service: "B", Price: "1"}, { Moda: "C", Service: "D", Price: "2"}];



$('#example').dataTable({
    "bAutoWidth" : false,
    "aaData" : jsonArray,
    "aoColumns" : [ {
        "data" : "Moda"
    }, {
        "data" : "Service"
    }, {
        "data" : "Price"
    } ]
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">

<table id="example" class="display" style="width:100%">
     <thead>
         <tr>
             <th>Moda</th>
             <th>Service</th>
             <th>Price</th>
         </tr>
        </thead>
 </table>