jQuery Datatables为行'0'列'0'请求未知参数'0'

Question

我有我的 aspx 网页生成的扁平 Json 字符串..

[{"UserName":"ABENS"},{"UserName":"AILPAL"},{"UserName":"ANDREW.GUILLERMO"}.....(so on so forth)]

我已经声明了以下 html..

            <table id="tblUserAccountsManagement" class="display" cellspacing="0">                    
                         <thead>
                            <tr>
                                <th>UserName</th>

                            </tr>
                        </thead>                                

                    </table>

我有以下 Jquery...

  $(document).ready(function () {

        var tbl = $('#tblUserAccountsManagement').DataTable({

            "ajax": {

                "url": "AccountsManagementJSON.aspx",
                "dataSrc": ""

            },

            "columns": [

                { "data": 'UserName' }

            ],
            autofill: true,
            select: true,
            responsive: true,
            buttons: true,
            length: 10,

        });
    });

为什么还是输出错误？

为行“0”列“0”请求未知参数“0”

我已经阅读了everything 之后的每个troubleshoot，确保 html 和 jQuery 定义完好无损。为什么它仍然不起作用？

我不明白的是，我在这里尝试过 before 并且它有效。我只需要添加dataSrc: "" 就可以了。我按照我之前的示例进行了操作，但现在它不起作用。

奇怪的是它确实显示了行数（如 JSON 中的 39 行）但它不会显示内容。这是为什么呢？

Answer 1

我已经解决了这个问题：我在这个设置中使用了aoColumns 和mData（带有 MasterPages 的 Webforms）。

以下现在有效：

 $(document).ready(function () {

    var tbl = $('#tblUserAccountsManagement').DataTable({

        "ajax": {

            "url": "AccountsManagementJSON.aspx",
            "dataSrc": ""

        },

        aoColumns: [

            { mData: 'UserName' }

        ],
        autofill: true,
        select: true,
        responsive: true,
        buttons: true,
        length: 10,

    });
});