DataTables Запрошенный неизвестный параметр

Question

Я просмотрел все другие ответы здесь, но не может найти тот, который просто заявляет решение о ошибка, я имею,

Мой JS код:

$('#product-table').DataTable({ 
    stateSave: true, 
    ajax: { 
     url: "/api/stock/products", 
     type: "POST", 
     "Columns": [ 
      { "data": "name" }, 
      { "data": "description" }, 
      { "data": "current_stock" }, 
      { "data": "cost_price" }, 
      { "data": "retail_price" } 
     ] 
    }, 
}); 

JSon данные возвращаемой:

{ 
    "data": [ 
    { 
     "name": "product 1", 
     "description": "test product", 
     "current_stock": "200", 
     "cost_price": "2000", 
     "retail_price": "2500" 
    } 
    ] 
} 

HTML:

<table id="product-table" width="100%" class="table table-hover"> 
     <thead> 
      <tr> 
       <th>Name</th> 
       <th>Description</th> 
       <th>Current Stock</th> 
       <th>Cost Price</th> 
       <th>Retail price</th> 
      </tr> 
     </thead> 
</table> 

вызов Ajax посылается через и возвращает данные, но как только при загрузке страницы DataTable выдает следующее сообщение об ошибке:

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

Answer 1

Это JS Не выглядит правильно, попробуйте вместо этого:

$('#product-table').DataTable({ 
    "stateSave": true, 
    "ajax": { 
     "url": "/api/stock/products", 
     "type": "POST" 
    }, 
    "columns": [{ 
     "data": "name" 
    }, { 
     "data": "description" 
    }, { 
     "data": "current_stock" 
    }, { 
     "data": "cost_price" 
    }, { 
     "data": "retail_price" 
    }] 
});