DataTable-createdRow结合动态列隐藏/取消隐藏

Question

我实现了动态的列可见性来隐藏/显示列，例如DT。列（5）。可见（真）和DT。列（5）。可见（假）来显示/隐藏列5。我也有一个createdRow的回调，比方说，它用第5列中的文本制作了一个html按钮。

目前在createdRow中，我检查this.api（）。列（5）。可见（），如果为真，则继续执行$（'td： eq（5）'，row）。html（'

我希望能够运行代码并将单元格的html缓存在第5列中，这样当它未隐藏时，它就会产生预期的

注意，我知道我可以使用render:function（…）{}选项，但我不想使用它，因为它会影响表的原始数据并影响筛选和搜索-我希望原始数据不受影响，这就是我使用createdRow或rawCallback回调的原因。

假设列5在DataTable初始化对象中具有visible:false，如下所示：

var DT = $('#dt').DataTable({
  ...
  createdRow: function (row, data) {
    if (this.api().column(5).visible()) {
      $('<button>' + data[5] + </button>')
        .appendTo($('td:eq(5)',row).text(''));
  }
);

干杯




Answer 1

看看如何使用柱状定义和渲染函数来代替...

var DT = $('#dt').DataTable({
    ...
  "columnDefs":[
            {
            'targets':[0],
            'visible':false,
            'render':function(data, type, row, meta){
                 ...
             }
    ]
});

https://datatables.net/reference/option/columns.render

https://datatables.net/reference/option/columns.data