DataTables 延迟加载列选项

Question

我正在使用 jQuery DataTables 的服务器端处理模式 ("serverSide": true)。我正在使用deferred loading option 来优化我的页面加载时间。

我也在使用columns 选项，但是当我自己定义columns 选项时出现了一些冲突。当第一次调用没有数据源时，它会尝试查找数据源，这就是延迟加载的全部意义所在。

未捕获的错误：DataTables 警告：表 id=table - 请求第 0 行的未知参数“id”。有关此错误的详细信息，请参阅http://datatables.net/tn/4

初始化代码：

function initialize_table(inital_length)
{
    table_options = {
        "serverSide": true,
        "ajax": {
            "url": '/merchant/all/',
            "type": 'POST',
            "deferRender": true,
            // data: JSON.stringify(data),
            // contentType: "application/json",
        },
        // "order": [[0, 'asc']]
        "deferRender": true,
        "processing": true,
        "pageLength": 50,
        "deferLoading": inital_length,
        "lengthMenu": [ 20, 50, 100, 200, 500 ],
        "columnDefs": [
            {
                // "class": "details-control",
                'data': 'gr_id', // response[data]
                'name': 'gr_id', 
                'orderable': true,
                'search': {'regex': false, 'value': ''},
                'searchable': true,
                "targets": 0,
            },
            { 
                'data': "name",
                'name': 'name',
                'orderable': true,
                'search': {'regex': false, 'value': ''},
                'searchable': true,
                "targets": 1,

            },
            { 
                'data': "address",
                'name': 'address',
                'orderable': false,
                'search': {'regex': false, 'value': ''},
                'searchable': true,
                "targets": 2,
            },
            {
                'data': "category",
                'name': 'category',
                'orderable': true,
                'search': {'regex': false, 'value': ''},
                'searchable': true,
                "targets": 3,
            },
            {
                'data': "chain",
                'name': 'chain',
                'orderable': true,
                'search': {'regex': false, 'value': ''},
                'searchable': true,
                "targets": 4,
            },
            {
                'data': "enabled",
                'name': 'enabled',
                'orderable': true,
                'search': {'regex': false, 'value': ''},
                'searchable': true,
                "targets": 5,
            },
            {
                'data': 'status',
                'name': 'status',
                'orderable': true,
                'search': {'regex': false, 'value': ''},
                'searchable': true,
                "targets": 6,
            }
        ],
    }
    var merchant_table = $("#merchant-table").DataTable(table_options);
}

Answer 1

在 DataTables 论坛中使用deferLoading 选项和column.data 的错误是once reported。我能够使用v1.10.2 from CDN 重现该错误，但不能使用 v1.10.3 及更高版本，因此我们可以说这已得到修复。 new feature“使用 columns.data 和 DOM 源数据将行信息读入对象而不是数组的能力”可能已解决了这个问题。

所以你可以：

1) 首先确保您使用的是latest version。

2) 检查您的 JSON 响应。根据您的 cmets，您使用的是 array data source type，但是当您设置 column.data 选项时，您必须改用 object data source type。