DataTables 警告：表 id={id} - 请求行 {row-index}

Question

我正在使用 dataTables 为我的 json 数据制作表格。我从服务器接收数据，如下所示：var BillingDate = [          {"branchcode":"668",          "saleyear":"99",          "saleprd":"3",          "LastX":"36.649717",          "LastY":"52.488193",          "flag":"1",          "flag_Title":null          },          {            "branchcode":"669",          "saleyear":"99",          "saleprd":"3",          "LastX":"36.712585",          "LastY":"52.935543",          "flag":"1",          "flag_Title":null          },          {"branchcode":"668",          "saleyear":"99",          "saleprd":"3",          "LastX":"36.649717",          "LastY":"52.488193",          "flag":"1",          "flag_Title":null          },          {            "branchcode":"669",          "saleyear":"99",          "saleprd":"3",          "LastX":"36.712585",          "LastY":"52.935543",          "flag":"1",          "flag_Title":null          },          {"branchcode":"668",          "saleyear":"99",          "saleprd":"3",          "LastX":"36.649717",          "LastY":"52.488193",          "flag":"1",          "flag_Title":null          },          {            "branchcode":"669",          "saleyear":"99",          "saleprd":"3",          "LastX":"36.712585",          "LastY":"52.935543",          "flag":"1",          "flag_Title":null          },          {"branchcode":"668",          "saleyear":"99",          "saleprd":"3",          "LastX":"36.649717",          "LastY":"52.488193",          "flag":"1",          "flag_Title":null          },          {            "branchcode":"669",          "saleyear":"99",          "saleprd":"3",          "LastX":"36.712585",          "LastY":"52.935543",          "flag":"1",          "flag_Title":null          }          ];

Answer 1

假设您定义的 HTML 表没有任何显式行，如下所示...

<table id="example" class="display dataTable cell-border" style="width:100%">

</table>

...那么您的 DataTable 选项需要配置如下：

  var BillingDate = [ {...}, {...}, ..., {...} ];

  $(document).ready(function() {

    var table = $('#example').DataTable( {

      data: BillingDate,

      columns: [

        { "title": "branchcode",

          "data": "branchcode" },

        { "title": "year",

          "data": "saleyear" },

        { "title": "period",

          "data": "saleprd" },

        { "title": "LastX", 

          "data": "LastX" },

        { "title": "LastY",

          "data": "LastY" },

        { "title": "flag",

          "data": "flag" }

      ]

    } );

  } );

注意事项：

因为您的 JSON 数据数组位于名为 的变量中BillingDate，所以这是您需要在数据表中使用的名称：

data: BillingDate

这告诉 DataTables 在迭代行数据数组时从哪里开始。

然后，您可以通过使用 提供列标题title和使用 提供数据源来逐一声明您的列data。每个data值必须与 JSON 对象中使用的名称完全匹配（每行一个对象）。