HTML 表内容设置可编辑 Jquery datatable 列展示/隐藏使用

HTML 表内容设置可编辑
<table class="table table-striped" contenteditable="true">
  <thead>
    <tr>
      <th></th>
      <td></td>
    </tr>
  </thead>
  <tbody></tbody>
</table>
contenteditable="true" 设置表可编辑


使用jquery datatable

初始化隐藏列
"columnDefs": [{
  "targets": [0],
  "visible": false,
  "searchable": false
}],

使用多选框隐藏/展示字段列
var dt = $("表id").DataTable();
dt.column(下标).visible(true/false);

表头和表内容对不齐
// 生成后执行以下代码
setTimeout(function() { 
    tb_name.draw(); 
    tb_name.columns.adjust(); 
}, 1)

在此刷新渲染生成记录上次隐藏/展示行为
$('#dataTables-example').DataTable().destroy() // 重新加载此表所有行为,在表生成前执行

以备自查