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 选项需要配置如下：&nbsp; var BillingDate = [ {...}, {...}, ..., {...} ];&nbsp; $(document).ready(function() {&nbsp; &nbsp; var table = $('#example').DataTable( {&nbsp; &nbsp; &nbsp; data: BillingDate,&nbsp; &nbsp; &nbsp; columns: [&nbsp; &nbsp; &nbsp; &nbsp; { "title": "branchcode",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "data": "branchcode" },&nbsp; &nbsp; &nbsp; &nbsp; { "title": "year",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "data": "saleyear" },&nbsp; &nbsp; &nbsp; &nbsp; { "title": "period",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "data": "saleprd" },&nbsp; &nbsp; &nbsp; &nbsp; { "title": "LastX",&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "data": "LastX" },&nbsp; &nbsp; &nbsp; &nbsp; { "title": "LastY",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "data": "LastY" },&nbsp; &nbsp; &nbsp; &nbsp; { "title": "flag",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "data": "flag" }&nbsp; &nbsp; &nbsp; ]&nbsp; &nbsp; } );&nbsp; } );注意事项：因为您的 JSON 数据数组位于名为 的变量中BillingDate，所以这是您需要在数据表中使用的名称：data: BillingDate这告诉 DataTables 在迭代行数据数组时从哪里开始。然后，您可以通过使用 提供列标题title和使用 提供数据源来逐一声明您的列data。每个data值必须与 JSON 对象中使用的名称完全匹配（每行一个对象）。