JQuery डेटाटैब: अपरिभाषित की संपत्ति 'aDataSort' नहीं पढ़ सकता है

Question 1

मैंने इस फिडेल को बनाया और यह मेरी आवश्यकताओं के अनुसार अच्छा काम करता है: फिडल

हालाँकि, जब मैं अपने आवेदन में उसी का उपयोग करता हूं तो मुझे ब्राउज़र कंसोल में एक त्रुटि मिलती है जो कहती है कि अपरिभाषित की संपत्ति 'aDataSort' नहीं पढ़ सकता है

मेरे आवेदन में, जावास्क्रिप्ट नीचे की तरह कुछ पढ़ता है: मैंने नियंत्रक आउटपुट की जांच की है ... यह अच्छी तरह से काम करता है और कंसोल पर भी मुद्रित होता है।

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

    }       

})

Question 2

यह महत्वपूर्ण है कि आपका THEAD तालिका में खाली नहीं है। डेटाटेबल के लिए आपको अपेक्षित डेटा के कॉलम की संख्या निर्दिष्ट करने की आवश्यकता है। आपके डेटा के अनुसार यह होना चाहिए

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

Question 3

यह मुद्दा भी था, यह सरणी सीमा से बाहर थी:

order: [1, 'asc'],

Question 4

मेरे लिए, बग डेटाटेबल्स में ही था; DataTables 1.10.9 में छँटाई के लिए कोड सीमा की जाँच नहीं करेगा; इस प्रकार यदि आप कुछ का उपयोग करते हैं

order: [[1, 'asc']]

एक खाली तालिका के साथ, कोई पंक्ति idx 1 नहीं है -> यह अपवाद सुनिश्चित करता है। यह तब हुआ जब तालिका के डेटा को अतुल्यकालिक रूप से प्राप्त किया जा रहा था। प्रारंभ में, डेटा लोड करने वाले पृष्ठ पर डेटा के बिना आरंभिक हो जाता है। परिणाम डेटा प्राप्त होते ही इसे बाद में अपडेट किया जाना चाहिए।

मेरा समाधान:

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

Question 5

मैंने उसी समस्या का सामना किया, निम्नलिखित परिवर्तनों ने मेरी समस्या को हल कर दिया।

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

aoColumnsसरणी प्रत्येक स्तंभ और इसकी की चौड़ाई का वर्णन करता है sortableगुण।

इस त्रुटि का उल्लेख करने के लिए एक और चीज तब भी दिखाई देगी जब आप एक स्तंभ संख्या द्वारा आदेश देते हैं जो मौजूद नहीं है।

Question 6

मेरे मामले में मेरे पास था

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

जहां होना चाहिए था

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

नोट: मेरे मामले में मुझे टेबल खाली करना था क्योंकि मेरे पास डेटा था जो मैं नया डेटा डालने से पहले चाहता था।

बस साझा करने के बारे में सोचा जहां यह भविष्य में किसी की मदद कर सकता है!

Question 7

मुझे यह समस्या थी और यह इसलिए था क्योंकि एक अन्य स्क्रिप्ट सभी तालिकाओं को हटा रही थी और उन्हें फिर से बना रही थी, लेकिन मेरी तालिका को फिर से बनाया नहीं जा रहा था। मैंने इस मुद्दे पर उम्र बिताई इससे पहले कि मैंने देखा कि मेरी तालिका पृष्ठ पर भी दिखाई नहीं दे रही थी। डेटाटेबल्स को इनिशियलाइज़ करने से पहले क्या आप अपनी टेबल देख सकते हैं?

अनिवार्य रूप से, दूसरी स्क्रिप्ट कर रही थी:

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

और यह करना चाहिए था:

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

Question 8

आपको पार्स की वजह से सिंगल कोट्स [']को डबल कोट्स में बदलना होगा["]

यदि आप टेबल पर डेटा-ऑर्डर विशेषता का उपयोग कर रहे हैं , तो इसे इस तरह से उपयोग करेंdata-order='[[1, "asc"]]'

Question 9

मेरे मामले में मैंने orderस्क्रिप्ट के अंदर संपत्ति को लागू करते समय एक वैध कॉलम संख्या की स्थापना करके समस्या को हल किया, जहां आप डेटा तालिका को कॉन्फ़िगर करते हैं।

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