JQuery DataTables: Nie można odczytać własności „aDataSort” undefined

Question

Stworzyłem ten skrzypce i to działa dobrze, jak na moje wymagania: Fiddle

Jednak kiedy używać tego samego w mojej aplikacji pojawia się błąd w przeglądarce konsola mówiąc nie można odczytać własności „aDataSort” undefined

W mojej aplikacji javascript czyta coś takiego jak poniżej: Sprawdziłem wyjścia regulatora ... to działa dobrze i jest drukowana na konsoli zbyt.

$(document).ready(function() { 

    $.getJSON("three.htm", function(data) { 
      // console.log("loadDataTable >> "+JSON.stringify(data)); 
      }) 
      .fail(function(jqxhr, textStatus, error) { 
      var err = textStatus + ', ' + error; 
      alert(err); 
      console.log("Request Failed: " + err); 
      }) 
      .success(function(data){ 
       loadDataTable(data); 
      }); 

    function loadDataTable(data){ 
     $("#recentSubscribers").dataTable().fnDestroy();  
     var oTable = $('#recentSubscribers').dataTable({ 
      "aaData" : JSON.parse(data.subscribers), 
      "processing": true, 
      "bPaginate": false, 
      "bFilter": false, 
      "bSort": false, 
      "bInfo": false, 
      "aoColumnDefs": [{ 
      "sTitle": "Subscriber ID", 
      "aTargets": [0] 
     }, { 
      "sTitle": "Install Location", 
      "aTargets": [1] 
     }, { 
      "sTitle": "Subscriber Name", 
      "aTargets": [2] 
     }, { 
      "aTargets": [0], 
      "mRender": function (data, type, full) { 
       return '<a style="text-decoration:none;" href="#" class="abc">' + data + '</a>'; 
      } 
     }], 
      "aoColumns": [{ 
      "mData": "code" 
     }, { 
      "mData": "acctNum" 
     }, { 
      "mData": "name" 
     }] 
      }); 

    }  

}) 

Answer 1

Mam również ten problem, następujące zmiany rozwiązały mój problem.

$(document).ready(function() { 
    $('.datatable').dataTable({ 
      bSort: false, 
      aoColumns: [ { sWidth: "45%" }, { sWidth: "45%" }, { sWidth: "10%", bSearchable: false, bSortable: false } ], 
     "scrollY":  "200px", 
     "scrollCollapse": true, 
     "info":   true, 
     "paging":   true 
    }); 
}); 

tablica aoColumns opisuje szerokość każdej kolumny i jej sortable właściwości.

Answer 2

Ważne jest, aby Twój THEAD nie był pusty w tabeli. Jako dataTable należy podać liczbę kolumn oczekiwanych danych. Według danych powinno być

<table id="datatable"> 
    <thead> 
     <tr> 
      <th>Subscriber ID</th> 
      <th>Install Location</th> 
      <th>Subscriber Name</th> 
      <th>some data</th> 
     </tr> 
    </thead> 
</table> 

Answer 3

Również ten problem, Tablica ta była poza zakresem:

order: [1, 'asc'],