Question

我在数据表的第一列内有一个复选框和标签（i＆＃39; e序列号）。从数据表中删除一行后，我必须更新标签内容（i＆＃39; e序列号）和复选框应该修复所有列。我尝试了下面的代码，但删除一行后复选框重置（消失），它只显示序列号。

owner_table = $('#owners_table').DataTable();
owner_table.on( 'order.dt search.dt', function () {
    owner_table.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
        cell.innerHTML = i+1;
    });
}).draw();

HTML代码

<label> 
    <input type="checkbox" class="verify_check" id="verify_check<?php echo $i; ?>" name="verify_check" value="<?php echo $row['pid']; ?>"> 
    <label id="sno"> <?php echo $i; ?></label> 
</label>

Answer 1

<强>解

您可以使用以下代码来drawCallback函数更新单元格内的特定元素：

drawCallback: function(settings){            
   var api = new $.fn.dataTable.Api( settings );
   api.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
      var serial = i + 1;
      $(".index", cell).html(serial);
      $("input", cell).attr({
         'value': serial,
         'id': 'verify_check' + serial
      });
   } );            
}

<强>样本

请参阅this jsFiddle以获取代码和演示。

如何将内容设置为数据表中单元格内的特定标签

1 个答案: