javascript - 第 0 行请求的未知参数 '0' 与 columnDefs 采用所有默认内容

Question

我遇到一个问题，无法看到数据表中的 cel 值它是一个非常简单的基于 javascript 数据集的表格

如果我删除columnDefs - 我收到一条错误消息:

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

如果我添加columnDefs，那么出于某种原因columnDefs -> defaultContent将采用所有默认内容。

<table width="80%" class="display" id="data_id_N3"></table>

var dataSet = [{"a":"1","b":"2","c":"3"},{"a":"r","b":"t","c":"y"},{"a":"x","b":"y","c":"z"}];


$(document).ready(function() { 
         $('#data_id_N3').DataTable( { 
                    data: dataSet,
                    columns: [

                                { title: "a" } ,      
                                { title: "b" } ,      
                                { title: "c" }
                    ], 
            columnDefs: [{
                targets: '_all',defaultContent: '-'
              }]
                } );

https://jsfiddle.net/bgzdwvkm/1/

Answer 1

请使用以下代码。

var dataSet = [{"a":"1","b":"2","c":"3"},{"a":"r","b":"t","c":"y"},{"a":"x","b":"y","c":"z"}];

$(document).ready(function() { 
             $('#data_id_N3').DataTable( { 
                        data: dataSet,
                        columns: [                                    
                                    { title: "a", mDataProp: "a" } ,      
                                    { title: "b", mDataProp: "b"} ,   
                                    { title: "c", mDataProp: "c" }
                        ]
                } );
});

<强> Fiddle