如何从dataTable中删除列

时间:2017-11-14 08:42:44

标签: jquery datatables

我有一个dataTable并且在" th"中有垃圾图标。单击垃圾桶图标(需要删除所有页面中的所有数据)时,我需要删除整个列。我尝试了下面的代码但是在分页下没有工作。请帮助我......

$(document).on("click", ".a_datatbl_trash", function (e)
{
   var indexToRemove = $(this).parent().index();
   $("#datatable-buttons tbody tr").each(function() {
      $(this).find("td:eq("+indexToRemove+")").remove();
   });
   $(this).closest("th").remove();
)};

这是html结构

<thead>
<tr role="row">
  <th class="sorting_asc" tabindex="0" aria-controls="datatable-buttons" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Article title: activate to sort column descending">Article title
  <a href="" class="dragtable-drag-handle" style="background: none; width: 15px;"><i class="fa fa-fw fa-arrows"></i></a>
  <a href="" class="a_datatbl_trash" style="float: right;"><i class="fa fa-fw fa-trash datatbl_trash" style="float: right;"></i></a>
  </th>
</tr>
</thead>

1 个答案:

答案 0 :(得分:4)

为什么不使用可见的API?它不适合您的需要吗? 这可能是这样的:

yourDatatable.column(columnIndex).visible(false);

或者你先破坏数据并更新。