How to remove column from dataTable

Question

I have a dataTable and having trash icon at the "th". I need to remove entire column when click on the trash icon(need to remove all data from all pages). I tried the following code but which is not working under pagination.Please help me...

$(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();
)};

This is the html structure

<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>

Novy · Accepted Answer · 2017-11-14 09:10:31Z

7

Why don't you use the visible API? Does it not fit your need? that could be something like:

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

Or you go to destroy the data first and update.

answered Nov 14, 2017 at 9:10

Novy

1,5481 gold badge16 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Novy Over a year ago

I am glad it helps :)

Collectives™ on Stack Overflow

How to remove column from dataTable

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related