数据表 Json 数组作为数据源答案

【问题标题】：Datatables Json Array as Datasource数据表 Json 数组作为数据源
【发布时间】：2021-12-09 19:58:29
【问题描述】：

我不确定我做错了什么，我有一个非常简单的 JSON 对象：

[{"siteName":"Site 1","issueType":"Scada programming Defect","issueSeverity":"Critical","issueDate":"21/10/2021","issueSource":"Customer Feedback","problemSummary":"Test Probelm S1","reportedBy":"rehan.azher@gmail.com","assignedTo":"rehan.azher@gmail.com","sitePic":"Automation Team","picEmail":"Testing","customerName":"Test Customer","problemDetail":"Problem Detail2","status":"OPEN","tickettime":"2021-10-23T14:45:18.016Z","ticketid":"BBP-000001"}]

我已经映射到一个最简单的 Datatable 配置：

<table id="data-table" class="table table-striped  table-bordered" style="width:100%"></table>

我正在尝试使用 Jquery Javascript 填充表格，如下所示：

    $(document).ready(function() {
      console.log(dataArray);
        $('#data-table').DataTable({
            data: dataArray,
             responsive: true,
             columns: [
        { data: 'ticketid' },
        { data: 'siteName' },
        { data: 'status' },
        { data: 'issueType' }
    ],
             
             fnInitComplete : function() {
      $("#overlay").hide();
   }
           
        });
    });

它总是给我错误：

DataTables 警告：table id=data-table - 请求第 0 行第 0 列的未知参数“ticketid”。有关此错误的更多信息，请参阅http://datatables.net/tn/4

【问题讨论】：

当我将var dataArray = [ { "siteName": "Site 1", ..., "ticketid": "BBP-000001" } ]; 添加到您的脚本时，您的代码对我有效且没有错误。您的问题中缺少这一点。
感谢您指出这一点，问题是从后端返回的变量 dataArray 是 String ，只需将其解析为 JSON 即可。
太棒了！ - 我很高兴它解决了。您可以回答自己的问题，以帮助其他访问者在未来解决这个问题。（或者，在这种情况下，您可能已经有一个重复的问题可以链接到）。

标签： jquery datatables

【解决方案1】：

问题是变量 dataArray 被返回为 String ，只需解析为 JSON 就可以了。

希望这可以帮助其他人。

【讨论】：