数据表参数0行0列0错误

Question

我的问题是参数0第0行0列datables.net/tn/4的datables错误。我正在使用ajax来检索我的数据并填充表格。

这里是ajax

        $.ajax({
        url: 'DAL/WebService1.asmx/FabGuide',
        method: 'post',
        dataType: 'json',
        success: function (data) {
            console.log(data);
            $("#datatable").dataTable({
                data: data,
                columns: [
                    { 'data:': 'accountCode' },
                    { 'data:': 'accountValue' },
                    { 'data:': 'description' },
                    { 'data:': 'manufacturer' },
                ]
            });
        }
    });

这是表格

                        <table id="datatable">
                            <thead>
                                <tr>
                                    <th>accountCode</th>
                                    <th>accountValue</th>
                                    <th>description</th>
                                    <th>manufacturer</th>
                                </tr>
                            </thead>
                        </table>

这是我的数组的样子

也许我一直在看它 谢谢

Answer 1

您可以尝试这种方法：

$.ajax({
    url: 'DAL/WebService1.asmx/FabGuide',
    method: 'post',
    dataType: 'json',
    success: function (data) {
        var arrData = [];
        data.forEach(function(item){
            var aux = [];
          aux.push(item.accountCode);
          aux.push(item.accountValue);
          aux.push(item.description);
          aux.push(item.manufacturer);
          arrData.push(aux);
        });
        $("#datatable").dataTable({
            data: arrData,
            columns: [
                { title: 'accountCode' },
                { title: 'accountValue' },
                { title: 'description' },
                { title: 'manufacturer' },
            ]
        });
    }
});

data属性接收数组元素数组;检查文件：https://www.datatables.net/examples/data_sources/js_array.html

Answer 2

您的初始化代码中有拼写错误 - 没有选项data:，而应该是data。

正确的代码如下所示：

// ... skipped ...

$("#datatable").dataTable({
   data: data,
   columns: [
      { 'data': 'accountCode' },
      { 'data': 'accountValue' },
      { 'data': 'description' },
      { 'data': 'manufacturer' }
   ]
});

// ... skipped ...