Datatables TypeError: c is undefined

Question

I try to use jQuery DataTables but I get the error

TypeError: c is undefined

I don't know what is wrong with my code as I can see the JSON correctly retrieve and is in the correct format too but I don't know what is wrong with it that I get the above error.

My JSON :

{"Data":[{"LOGIN":10184},{"LOGIN":10214},{"LOGIN":10180},{"LOGIN":10187},{"LOGIN":10179},{"LOGIN":10280},{"LOGIN":201},{"LOGIN":10238},{"LOGIN":10296},{"LOGIN":10312}]} 

and my DataTables code:

$(document).ready(function() {     $('#tablename').dataTable( {         "processing": true,         "serverSide": true,         "ajax": {             "type": "POST",         "url": "https://test.com/api/db/select",         "data": function ( json ) {  return JSON.stringify( { "Sql": 12 } );},         "contentType": "application/json; charset=utf-8",         "dataType": "json",         "processData": true,             beforeSend : function(xhr){                         var access_token = sessionStorage.getItem('access_token');                         xhr.setRequestHeader('Authorization', 'Bearer ' + access_token);             }         },         "dataSrc": "Data",         "columns": [             { "data": "LOGIN" }         ]     } ); } ); 

Answer 1

Check whether you have added

<thead></thead>  <tbody></tbody> 

I've resolved this problem by adding those.

So basically the structure must be like:

<table>  <thead>   <tr>    <th></th>    <th></th>   </tr>  </thead>  <tbody>   <tr>    <td></td>    <td></td>   </tr>  </tbody> </table>