数据表未显示数据

Question

嗨，我有以下数据，但无法获取数据表来显示它：

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
         } );
    }

我已经在播放代码上创建了一个项目

https://playcode.io/470603

我遇到数据表错误

DataTables警告：表格ID =示例-无效的JSON响应。有关此错误的更多信息，请参见http://datatables.net/tn/1

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

谢谢

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对象，请改用数据。