数据表不从json加载数据答案

【问题标题】：Datatable not load data from json数据表不从json加载数据
【发布时间】：2019-10-26 23:16:51
【问题描述】：

我正在尝试将 Json 数据加载到数据表中但不加载

请在下面找到数据表代码

function loadItemDetails(jsonData ) {
    $('#itemsDetails').DataTable( {
        mData: jsonData ,
        columns: [
            { data: "netAmount" }
        ]
    } );

在 HTML 表格代码中：

           <table class="table" id="itemsDetails">
                        <thead class="table-head">
                            <tr>
                                <th scope="col">Sr. No.</th>
                                <th scope="col">Qty</th>
                                <th scope="col">Net Amount</th>
                                <th scope="col">Promo</th>
                                <th scope="col">CB</th>
                            </tr>
                        </thead>
                    </table>

Json 数据：

var jsonData = [{"netAmount":"20"},{"netAmount":"20"},{"netAmount":"20"}];

【问题讨论】：

你试过调试'jsonData'变量吗？如果是，请将其作为硬编码值提供
硬编码的意思？
提供您期望的价值
提供硬编码数据但仍未加载。我需要初始化吗？

标签： jquery datatable

【解决方案1】：

问题是您使用了mData 而不是data。

function loadItemDetails(jsonData) {
    $('#itemsDetails').DataTable( {
        data: jsonData,
        columns: [
            { data: null },
            { data: null },
            { data: "netAmount" }
        ]
    })
}

loadItemDetails([{"netAmount":"20"},{"netAmount":"20"},{"netAmount":"20"}]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet"/>
<table class="table" id="itemsDetails">
  <thead class="table-head">
    <tr>
      <th scope="col">Sr. No.</th>
      <th scope="col">Qty</th>
      <th scope="col">Net Amount</th>
      <th scope="col">Promo</th>
      <th scope="col">CB</th>
    </tr>
  </thead>
</table>

【讨论】：

【解决方案2】：

这对我有用。

var jsonData =  [{"netAmount":"20"},{"netAmount":"20"},{"netAmount":"20"}];
$(document).ready(function() {
    $('#example').DataTable( {
        data : jsonData,
        "columns": [
            { "data": "netAmount" },

        ]
    } );
} );

这里是working Demo

只需记下 Datatable 版本

【讨论】：

【解决方案3】：

您需要将json对象中的json转换如下：

jsonData = JSON.stringify(jsonData);

希望对你有帮助！

【讨论】：