Не удается прочитать свойство «длина» неопределенных для DataTable плагин

Question

Я пытаюсь отобразить DataTable на моем веб-приложения с помощью Asp MVC модель, и я получаю эту ошибку «не может прочитать свойство„длина“неопределенных»

мой HTML:

<table class="table table-striped table-bordered table-hover" id="dataTablesTable"> 
<thead> 
<tr> 
<th>Client</th> 
<th>Secteur</th> 
<th>Activite</th> 
<th>Date</th> 
<th>Duree</th> 
</tr> 
</thead> 
<tbody> 
</tbody> 
</table> 

JS:

$('#dataTablesTable').DataTable({ 
     bProcessing: true, 
     sAjaxSource: '@Url.Action("GetCurrentUserPointage", "Home")' 
    }); 

Контроллер

public JsonResult GetCurrentUserPointage() 
{ 
    List<POINTAGES> Maliste = new List<POINTAGES>(); 
    Maliste = Db.POINTAGES.ToList(); 
    var eventList = from e in Maliste 
        select new 
        { 
         Client = e.CLIENT, 
         Secteur = e.CATEGORIE, 
         Activite = e.SPECIALITE, 
         Date = e.DATE_POINTAGE.ToShortDateString(), 
         Duree = e.DUREE.ToString() 
        }; 
    var rows = eventList.ToArray(); 
    return Json(rows, JsonRequestBehavior.AllowGet); 
} 

Answer 1

Вам необходимо определить, какие columns, соответствующие им в JSON-элементах. Я хотел бы также использовать ajax.url вместо устаревшего sAjaxSource и сброса ajax.dataSrc bacause реакция является не назван массив элементов:

$('#dataTablesTable').DataTable({ 
    bProcessing: true, 
    ajax : { 
     url : '@Url.Action("GetCurrentUserPointage", "Home")', 
     dataSrc : '' 
    }, 
    columns : [ 
     { data : "Client" }, 
     { data : "Secteur" }, 
     { data : "Activite" }, 
     { data : "Date" }, 
     { data : "Duree" } 
    ] 
}); 

Answer 2

Проблема решена добавить: «DATASRC»: «»

$(document).ready(function() { 

    $('.dataTables-List').DataTable({ 
     pageLength: 25, 
     dom: '<"html5buttons"B>lTfgitp', 
     bProcessing: true, 
     "ajax": { 
      "url": "/User/GetListUser", 
      "type": "GET", 
      "datatype": "json", 
      "dataSrc": '' 
     },     
     "columns": [      
      { "data": "firstName", "name": "Nombre", "autoWidth": true }, 
      { "data": "lastName", "name": "Apellido", "autoWidth": true }, 
      { "data": "userName", "name": "Usuario", "autoWidth": true }, 
      { "data": "statusID", "name": "statusID", "autoWidth": true } 
     ] , 
     buttons: [ 
      { extend: 'copy' }, 
      { extend: 'csv' }, 
      { extend: 'excel', title: 'ListUser' }, 
      { extend: 'pdf', title: 'ListUser' }, 
      { 
       extend: 'print', 
       customize: function (win) { 
        $(win.document.body).addClass('white-bg'); 
        $(win.document.body).css('font-size', '10px'); 

        $(win.document.body).find('table') 
          .addClass('compact') 
          .css('font-size', 'inherit'); 
       } 
      } 
     ] 
    }); 
});