用json填充javascript.datatables？

我试图让一个javascript.datatable（）显示我作为json字符串传递的数据集

$(document).ready(function () {
  $('#Reports').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="ReportsTable"></table>');
  var data = <%=jsonResult%>;
  $('#ReportsTable').dataTable({
     "data": data,
     "columns": [
       { "title": "id" },
       { "title": "name" },
       { "title": "regAndId" },
       { "title": "type" },
       { "title": "timeStamp" }
    ]
  });
});

我得到的错误是：

未捕获类型错误：未定义不是函数

试着改变这个

 var data = <%=jsonResult%>;

var数据=；

到

var数据=”；

请注意引号。

---

这是必需的，因为您分配的内容需要json字符串，而不仅仅是一个对象/函数。

如果DataTable库没有正确加载，可能会发生这种情况。首先加载jQuery，然后加载dataTables。

假设您已经正确地包含了jQuery和dataTables库，您需要根据您的数据结构配置

列。像这样的东西应该适合你：

$(document).ready(function () {
  $('#Reports').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="ReportsTable"></table>');
  var data = {
    "reports": [
        {
            "id": "421b4b9b-63d5-4fe2-a929-a85d9fe9d2ef",
            "name": "TAMANYA PROPERTIES",
            "regAndId": "1989/011313/23",
            "timeStamp": "2014/10/31 01:57:51 PM",
            "type": "Company"
        },
        {
            "id": "56751c5d-84b2-463a-95be-9feb2fa02c10",
            "name": "TESTA PROPERTY COMPANY PTY",
            "regAndId": "1980/004250/07",
            "timeStamp": "2014/10/31 10:29:09 AM",
            "type": "Company"
        }
    ]
  };
  $('#ReportsTable').dataTable({
     "data": data.reports,
     "columns": [
       { "data": "id" },
       { "data": "name" },
       { "data": "regAndId" },
       { "data": "type" },
       { "data": "timeStamp" }
    ]
  });
});

$（文档）.ready（函数（）{
$（“#报告”）.html（“”）；
风险值数据={
“报告”：[
{
“id”：“421b4b9b-63d5-4fe2-a929-a85d9fe9d2ef”，
“名称”：“塔曼尼亚地产”，
“里根迪德”：“1989/011313/23”，
“时间戳”：“2014/10/31 01:57:51 PM”，
“类型”：“公司”
},
{
“id”：“56751c5d-84b2-463a-95be-9feb2fa02c10”，
“名称”：“TESTA物业公司私人公司”，
“里根迪德”：“1980/004250/07”，
“时间戳”：“2014/10/31 10:29:09 AM”，
“类型”：“公司”
}
]
};
$（'#ReportsTable'）。数据表({
“数据”：数据、报告、，
“栏目”：[
{“数据”：“id”}，
{“数据”：“名称”}，
{“数据”：“regAndId”}，
{“数据”：“类型”}，
{“数据”：“时间戳”}
]
});
});

请参见
您似乎没有正确地包含
datatables
插件。正在抱怨哪个函数？可能重复：
 var data = '<%=jsonResult%>';

$(document).ready(function () {
  $('#Reports').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="ReportsTable"></table>');
  var data = {
    "reports": [
        {
            "id": "421b4b9b-63d5-4fe2-a929-a85d9fe9d2ef",
            "name": "TAMANYA PROPERTIES",
            "regAndId": "1989/011313/23",
            "timeStamp": "2014/10/31 01:57:51 PM",
            "type": "Company"
        },
        {
            "id": "56751c5d-84b2-463a-95be-9feb2fa02c10",
            "name": "TESTA PROPERTY COMPANY PTY",
            "regAndId": "1980/004250/07",
            "timeStamp": "2014/10/31 10:29:09 AM",
            "type": "Company"
        }
    ]
  };
  $('#ReportsTable').dataTable({
     "data": data.reports,
     "columns": [
       { "data": "id" },
       { "data": "name" },
       { "data": "regAndId" },
       { "data": "type" },
       { "data": "timeStamp" }
    ]
  });
});