javascript - 数据表不显示数据

Question

您好我有以下数据，但无法让 DataTables 显示它：

const data = [{
      "School":"Arsenal 2011",          
      "Group":{
         "Name":"Previous",             
         "ParentGroup":{
            "Name":"Arsenal",           
            "ParentGroup":{
               "Name":"USA",            
               "ParentGroup":null
            }
         }
      },
      "GroupDisplayText":null,
      "Publisher":"Abbot",
      "PublishedDate":"2011",
      "PublishersWebsite":"http://google.com/USA/ADW%202011/Arsenal%202011.pdf"
   },
   {
      "School":"New York 2000",
      "Group":{
         "Name":"New York",
         "ParentGroup":{
            "Name":"USA",
            "ParentGroup":null
         }
      },
      "GroupDisplayText":null,
      "Publisher":"DoE",
      "PublishedDate":"2000",
      "PublishersWebsite":"http://google.com/USA/New York%202000%20Tables.pdf"
   }];


    $(document).ready(function () {
          $('#example').DataTable( {
            "ajax": data
         } );
    }

我在 playcode 上创建了一个项目

https://playcode.io/470603

我收到数据表错误

DataTables 警告：table id=example - 无效的 JSON 响应。有关此错误的更多信息，请参阅http://datatables.net/tn/1

我检查了json，一切正常吗？

谢谢

标签： javascriptdatatables

Answer 1

 $(document).ready(function () {
          $('#example').DataTable( {
            data:data // ajax for to make ajax request to retrieve data.
            "columns": [ // also needs to specify column config to display it
             { "data": "School" },      
             ] 
         } );
    }

对于 javascript 对象，请改用数据。