亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

DataTables 警告:表 id={id} - 請求行 {row-index}

DataTables 警告:表 id={id} - 請求行 {row-index}

慕婉清6462132 2023-08-10 15:31:42
我正在使用 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          }          ];
查看完整描述

1 回答

?
繁星coding

TA貢獻1797條經驗 獲得超4個贊

假設您定義的 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 對象中使用的名稱完全匹配(每行一個對象)。


查看完整回答
反對 回復 2023-08-10
  • 1 回答
  • 0 關注
  • 156 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號