来自 var 数组的数据表数据答案

【问题标题】：Datatables data from var array来自 var 数组的数据表数据
【发布时间】：2019-10-22 03:21:03
【问题描述】：

我在 var price 中有一个数组数据，如下所示：

[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"
    },
  ]
});

【问题讨论】：

标签： javascript arrays datatable

【解决方案1】：

您可以通过 aaData 属性传递对象数组，然后使用 column 属性定义哪个列应该接收哪些数据：

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>

【讨论】：

我实际上是从请求到服务器得到这个数据[0: Object { Moda: "A", Service: "B", Price: "1", … },1: Object { Moda: "C", Service: "D", Price: "2", … }]数组，如何让我的数组可以像你的var jsonArray？
你的数组和jsonArray一样，如果你console.logjsonArray，它看起来就像你的数组，0显示元素在数组中的位置，object显示数据类型那个元素。
如果我 console.log jsonArray 将显示 Array [ {…}, {…} ] 并且我的数组仅显示 Array [] ，它会有点不同，但它具有相同数量的数据
如果你扩展jsonArray，那么你会得到它，不知道你为什么得到空数组。您收到服务器的响应了吗？
我可以将您的jsonArray 数据显示到我的表中，但我不知道为什么我的数组无法显示