JQuery Datatables: Die Eigenschaft 'aDataSort' von undefined kann nicht gelesen werden

Ich habe diese Geige erstellt und sie funktioniert gut gemäß meinen Anforderungen: Geige

Wenn ich jedoch dasselbe in meiner Anwendung verwende, wird in der Browserkonsole die Fehlermeldung angezeigt, dass die Eigenschaft 'aDataSort' von undefined nicht gelesen werden kann

In meiner Anwendung lautet das Javascript wie folgt: Ich habe die Controller-Ausgabe überprüft ... es funktioniert gut und wird auch auf der Konsole gedruckt.

$(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"
        }]
            });

    }       

})

Es ist wichtig, dass Ihr THEAD in der Tabelle nicht leer ist. Als dataTable müssen Sie die Anzahl der Spalten der erwarteten Daten angeben. Nach Ihren Angaben sollte es sein

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

Hatte auch dieses Problem, Dieses Array war außerhalb des Bereichs:

order: [1, 'asc'],

Für mich war der Fehler in DataTables selbst; Der Code zum Sortieren in DataTables 1.10.9 sucht nicht nach Grenzen. also wenn du so etwas benutzt

order: [[1, 'asc']]

Bei einer leeren Tabelle gibt es keine Zeilen-IDX 1 -> diese Ausnahme stellt sicher. Dies geschah, als die Daten für die Tabelle asynchron abgerufen wurden. Beim Laden der Seite wird die dataTable zunächst ohne Daten initialisiert. Es sollte später aktualisiert werden, sobald die Ergebnisdaten abgerufen wurden.

Meine Lösung:

// add within function _fnStringToCss( s ) in datatables.js
// directly after this line
// srcCol = nestedSort[i][0];

if(srcCol >= aoColumns.length) {
    continue;
}

// this line follows:
// aDataSort = aoColumns[ srcCol ].aDataSort;

Ich hatte das gleiche Problem, die folgenden Änderungen lösten mein 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
    } );
} );

Das aoColumnsArray beschreibt die Breite jeder Spalte und ihre sortableEigenschaften.

Eine andere Sache, um diesen Fehler zu erwähnen, wird auch angezeigt, wenn Sie nach einer Spaltennummer bestellen, die nicht existiert.

In meinem Fall hatte ich

$(`#my_table`).empty();

Wo es hätte sein sollen

$(`#my_table tbody`).empty();

Hinweis: In meinem Fall musste ich die Tabelle leeren, da ich Daten hatte, die ich wollte, bevor ich neue Daten einfügte.

Ich dachte nur daran zu teilen, wo es jemandem in Zukunft "helfen" könnte!

Ich hatte dieses Problem und es lag daran, dass ein anderes Skript alle Tabellen löschte und neu erstellte, aber meine Tabelle wurde nicht neu erstellt. Ich habe lange mit diesem Thema verbracht, bevor ich bemerkte, dass mein Tisch auf der Seite nicht einmal sichtbar war. Können Sie Ihre Tabelle sehen, bevor Sie DataTables initialisieren?

Im Wesentlichen machte das andere Skript:

let tables = $("table");
for (let i = 0; i < tables.length; i++) {
  const table = tables[i];
  if ($.fn.DataTable.isDataTable(table)) {
    $(table).DataTable().destroy(remove);
    $(table).empty();
  }
}

Und es hätte tun sollen:

let tables = $("table.some-class-only");
... the rest ...

Sie müssen wegen der Analyse einfache Anführungszeichen [']in doppelte Anführungszeichen ["]ändern

Wenn Sie das Datenreihenfolgenattribut für die Tabelle verwenden, verwenden Sie es wie folgtdata-order='[[1, "asc"]]'

In meinem Fall habe ich das Problem gelöst, indem ich beim Anwenden der orderEigenschaft im Skript, in dem Sie die Datentabelle konfigurieren , eine gültige Spaltennummer festgelegt habe .

var table = $('#mytable').DataTable({
     .
     .
     .
     order: [[ 1, "desc" ]],