JQuery Datatables ：無法讀取未定義的資料 'aDataSort'

javascript jquery jquery-datatables

2022-08-30 05:02:33

我创建了这个小提琴，它按照我的要求工作得很好：小提琴

但是，当我在应用程序中使用相同的内容时，我在浏览器控制台中收到一个错误，指出无法读取未定义的属性“aDataSort”

在我的应用程序中，javascript读起来如下：我已经检查了控制器输出...它运行良好，也打印在控制台上。

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

    }       

})

答案 1

重要的是，你的THEAD在表格中不是空的。因为 dataTable 要求您指定预期数据的列数。根据您的数据，它应该是

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

答案 2

也存在此问题，此数组超出范围：

order: [1, 'asc'],

JQuery Datatables ： 無法讀取未定義的資料 'aDataSort'

JQuery Datatables ：無法讀取未定義的資料 'aDataSort'