JQuery Datatables: Tanımsız 'aDataSort' özelliği okunamıyor

Bu keman için yarattım ve gereksinimlerime göre iyi çalışıyor: Keman

Ancak, aynısını uygulamamda kullandığımda tarayıcı konsolunda , tanımsız 'aDataSort' özelliğini okuyamıyor yazan bir hata alıyorum

Uygulamamda, javascript aşağıdaki gibi bir şey okuyor: Denetleyici çıktısını kontrol ettim ... iyi çalışıyor ve konsolda da yazdırılıyor.

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

    }       

})

THEAD'inizin tabloda boş olmaması önemlidir. DataTable olarak, beklenen verilerin sütun sayısını belirtmeniz gerekir. Verilerinize göre,

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

Ayrıca şu sorun vardı, Bu dizi aralık dışındaydı:

order: [1, 'asc'],

Benim için hata DataTables'ın kendisindeydi; DataTables 1.10.9'daki sıralama kodu, sınırları kontrol etmeyecektir; bu yüzden eğer gibi bir şey kullanırsan

order: [[1, 'asc']]

boş bir tablo ile, satır idx 1 yoktur -> bu istisna sağlar. Bu, tablonun verileri eşzamansız olarak getirilirken gerçekleşti. Başlangıçta, dataTable yükleme sayfasında veri olmadan başlatılır. Sonuç verileri alınır alınmaz daha sonra güncellenmelidir.

Çözümüm:

// 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;

Aynı problemle karşılaştım, aşağıdaki değişiklikler problemimi çözdü.

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

aoColumnsdizisi, her sütun ve genişliğini tarif sortableözellikleri.

Bu hatadan bahsetmek için başka bir şey, var olmayan bir sütun numarasına göre sipariş verdiğinizde de görünecektir.

Benim durumumda

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

Nerede olmalıydı

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

Not: Benim durumumda, yeni verileri eklemeden önce gitmesini istediğim verilerim olduğu için tabloyu boşaltmak zorunda kaldım.

Gelecekte birine "yardımcı olabileceği" yerleri paylaşmayı düşündüm!

Bu sorunu yaşadım ve bunun nedeni başka bir komut dosyasının tüm tabloları silip yeniden oluşturmasıydı, ancak masam yeniden oluşturulmuyordu. Masamın sayfada görünmediğini bile fark etmeden önce bu konuda yaşlarım vardı. DataTables'ı başlatmadan önce tablonuzu görebiliyor musunuz?

Esasen, diğer komut dosyası şunları yapıyordu:

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

Ve yapması gerekirdi:

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

Ayrıştırma nedeniyle tek tırnak işaretlerini [']çift ​​tırnak işaretine ["]çevirmeniz gerekiyor

Eğer kullanıyorsanız veri sipariş masaya niteliğini sonra bu gibi kullanmakdata-order='[[1, "asc"]]'

Benim durumumda order, veri tablosunu yapılandırdığınız kodun içindeki özelliği uygularken geçerli bir sütun numarası oluşturarak sorunu çözdüm.

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