jQuery DataTables默认列值

Question

我试图在jQuery数据表中包含一个不可见的列，该列可以设置为defaulttrue，以代替数据源中遇到的null或未定义的列。

假设我正在使用一个6列数据表。前5列可见。第6列设置为不可见。并且它必须包含true或false，而不管数据源对象是否具有相应的键。在DataTable的列定义中，我尝试了这个方法，但没有成功。

{ "defaultContent": true, "data": "existing", "visible": false }

根据API，我认为defaultContent仅在data为空时才起作用。也许这就是它不起作用的原因。我提供了超文本标记语言、JS数据和初始化数据表的JS代码。请注意，一旦DataTable加载并呈现，我将动态追加一行并重新绘制。此行的数据包含第6列属性，并且设置得很好。

HTML:

<div id="demo">
</div>

JavaScript（数据初始化）：

var dataSet = [
    {'engine':'Webkit','browser':'Safari 1.2','platform':'OSX.3','version':'125.5','grade':'A'},
    {'engine':'Other browsers','browser':'All others','platform':'-','version':'-','grade':'U'}
];

JavaScript（DataTable创建和初始化）：

$('#demo').html('<table class="display" id="example"></table>');

$('#example').dataTable( {
    "data": dataSet,
    "columns": [
        { "sortable" : false, "data": null, "defaultContent": "<button>Select</button>", "title" : "Choose"
        },
        { "title": "Engine", "data": "engine" },
        { "title": "Browser", "data": "browser" },
        { "title": "Platform", "data": "platform" },
        { "title": "Version", "data": "version", "class": "center" },
        { "title": "Grade", "data": "grade", "class": "center" },
        { "defaultContent": true, "data": "existing", "visible": false }
    ],
    initComplete: function(oSettings, json) {
      console.log('drawing complete');
      if (oSettings.fnRecordsTotal() > 1) {
        $('#example').DataTable().row.add({
          'engine' : 'Presto',
          'browser' : 'Opera 7.5',
          'platform' : 'Win 95+ / OSX.2+',
          'version' : '-',
          'grade' : 'A',
          'existing' : false
        }).draw();
      }
    }
} );   

下面是上面示例的JSFIDLE。如果单击前两行中的选择按钮，它将返回undefined。第三行的选择按钮产生false。我希望前两行的选择按钮产生true。

如果数据集对象中未提供键/值，如何为第6列（不可见）设置默认值？

Answer 1

它返回undefined，因为数据集中不存在现有的<代码>数据集是静态的，默认内容不会将其值填充到原始的数据集。您真正想要的是隐藏列的值，它将包含defaultContent或动态添加的现有值。

var row = $('#example').DataTable().row( $(this).parents('tr') ),
    index = row.index(),
    data = row.cell(index, 6).data();

alert(data);

将返回true、true和false。叉形小提琴-