জিকিউরি ডেটাবেবলস: অপরিজ্ঞাতকৃত সম্পত্তি 'ডেটাসোর্ট' পড়তে পারে না

Question 1

আমি এই ফিডলটি তৈরি করেছি এবং এটি আমার প্রয়োজনীয়তা অনুসারে কাজ করে: ফিডল iddle

যাইহোক, আমি যখন আমার অ্যাপ্লিকেশনটিতে এটি ব্যবহার করি তখন আমি ব্রাউজার কনসোলে একটি ত্রুটি পেয়েছিলাম যা অপরিজ্ঞাতকৃত সম্পত্তি 'অ্যাডাটাসোর্ট' পড়তে পারে না বলে জানায়

আমার অ্যাপ্লিকেশনটিতে, জাভাস্ক্রিপ্ট নীচের মতো কিছু পড়ছে: আমি কন্ট্রোলার আউটপুট পরীক্ষা করেছি ... এটি ভাল কাজ করে এবং কনসোলেও মুদ্রিত হয়।

$(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

আপনার THAD টেবিলের ফাঁকা না থাকা গুরুত্বপূর্ণ important যেমন ডাটা টেবিলের জন্য আপনাকে প্রত্যাশিত ডেটার কলামের সংখ্যা নির্দিষ্ট করতে হবে। আপনার তথ্য অনুযায়ী এটি হওয়া উচিত

<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

আমার জন্য, বাগটি নিজেই ডেটা টেবিলগুলিতে ছিল; ডেটা টেবিল ১.১০.২ এ বাছাই করার কোডটি সীমানার জন্য পরীক্ষা করবে না; এইভাবে আপনি যদি কিছু ব্যবহার

order: [[1, 'asc']]

খালি টেবিল সহ, কোনও সারি আইডেক্স 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" ]],