Question

我试图在jQuery DataTable中包含一个不可见的列，可以将其设置为默认true，而不是在数据源中遇到null或undefined。

说我正在使用6列DataTable。前5列是可见的。第6列设置为不可见。无论数据源对象是否具有相应的密钥，它都必须包含true或false。在DataTable的列定义中，我尝试了这个，但它没有用。

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

根据API，我认为defaultContent仅在data为空时才有效。也许这就是为什么它不起作用。我提供了用于初始化DataTable的HTML，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();
      }
    }
} );

以上示例中的JSFiddle。如果单击前两行中的“选择”按钮，则返回undefined。第三行的“选择”按钮产生false。我想要前两行＆＃39;选择按钮以产生true。

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

Answer 1

它返回undefined，因为existing中不存在dataSet。 dataSet是静态的，defaultContent不会将其值填充到原始dataSet。您真正想要的是隐藏列的值，该列将包含defaultContent或动态添加的existing值。

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

alert(data);

将返回true，true和false。叉小提琴 - ＆gt;的 http://jsfiddle.net/vsx7uxnf/

jQuery DataTables的默认列值

1 个答案: