DataTables延遲加載列選項

Question

我正在使用jQuery DataTables的服務器端處理模式（"serverSide": true）。我正在使用deferred loading option來優化我的網頁加載時間。

我也在使用columns選項，但是當我自己定義columns選項時會有一些衝突。當第一次調用沒有時，它會嘗試查找數據源，這是延遲加載的全部要點。

Uncaught Error: DataTables warning: table id=table - Requested unknown parameter 'id' for row 0. For more information about this error, please see http://datatables.net/tn/4

初始化代碼：

function initialize_table(inital_length) 
{ 
    table_options = { 
     "serverSide": true, 
     "ajax": { 
      "url": '/merchant/all/', 
      "type": 'POST', 
      "deferRender": true, 
      // data: JSON.stringify(data), 
      // contentType: "application/json", 
     }, 
     // "order": [[0, 'asc']] 
     "deferRender": true, 
     "processing": true, 
     "pageLength": 50, 
     "deferLoading": inital_length, 
     "lengthMenu": [ 20, 50, 100, 200, 500 ], 
     "columnDefs": [ 
      { 
       // "class": "details-control", 
       'data': 'gr_id', // response[data] 
       'name': 'gr_id', 
       'orderable': true, 
       'search': {'regex': false, 'value': ''}, 
       'searchable': true, 
       "targets": 0, 
      }, 
      { 
       'data': "name", 
       'name': 'name', 
       'orderable': true, 
       'search': {'regex': false, 'value': ''}, 
       'searchable': true, 
       "targets": 1, 

      }, 
      { 
       'data': "address", 
       'name': 'address', 
       'orderable': false, 
       'search': {'regex': false, 'value': ''}, 
       'searchable': true, 
       "targets": 2, 
      }, 
      { 
       'data': "category", 
       'name': 'category', 
       'orderable': true, 
       'search': {'regex': false, 'value': ''}, 
       'searchable': true, 
       "targets": 3, 
      }, 
      { 
       'data': "chain", 
       'name': 'chain', 
       'orderable': true, 
       'search': {'regex': false, 'value': ''}, 
       'searchable': true, 
       "targets": 4, 
      }, 
      { 
       'data': "enabled", 
       'name': 'enabled', 
       'orderable': true, 
       'search': {'regex': false, 'value': ''}, 
       'searchable': true, 
       "targets": 5, 
      }, 
      { 
       'data': 'status', 
       'name': 'status', 
       'orderable': true, 
       'search': {'regex': false, 'value': ''}, 
       'searchable': true, 
       "targets": 6, 
      } 
     ], 
    } 
    var merchant_table = $("#merchant-table").DataTable(table_options); 
} 

Answer 1

使用deferLoading選項與column.data共同的缺陷是在數據表論壇once reported。我能夠使用v1.10.2 from CDN重現該錯誤，但不能使用v1.10.3以上版本，所以我們可以說這已被修復。這可能是由new feature「」修復的，能夠使用具有DOM源數據的columns.data將行信息讀入對象而不是數組「。

因此，您可以：

1）首先，請確保您使用的是latest version。

2）檢查你的JSON響應。根據您的意見，您正在使用array data source type，但是當您設置column.data選項時，您必須改用object data source type。