如何删除Dynamic DataTable中的所有列?

时间:2018-03-06 03:47:04

标签: javascript jquery html web model-view-controller

首先,我想删除所有列,然后使用select命令将所有列恢复,以便在不刷新页面的情况下对DataTable执行刷新操作。所以我需要一段代码,我可以删除所有列。 我分享了我的html和javascript代码,如下所示。 有人可以帮我这方面吗?

//CSHTML
<table id="datatables" class="table table-striped table-no-bordered table-bigboy" cellspacing="0" style="width:100%;">
          <thead>
              <tr>
                  <th class="disabled-sorting">Room Plan</th>
                  <th>Name</th>
                  <th class="disabled-sorting text-right">Actions</th>
              </tr>
          </thead>
          <tfoot>
              <tr>
                  <th>Room Plan</th>
                  <th>Name</th>
                  <th class="text-right">Actions</th>
              </tr>
          </tfoot>
          <tbody id="colmn">
              @*  *@

          </tbody>
 </table>


//*********************************JS*********************************//
//-------------------------SELECT ROOM START----------------------------

$.post("/Home/selectRooms", {}, function (data) {

    var ndx = 0;
    $.each(data.xroom_name, function (key, value) {

        var Xroom_name = data.xroom_name[ndx];
        var Xroom_plan = data.xroom_plan[ndx];

        var column =
          ('<tr>' +
            '<td>' +
            '<div class="img-container">' +
            '<img src="../../assets/img/room-plan/' + Xroom_plan + '" alt="..." id="imgsrc">' +
            '</div>' +
            '</td>' +
            '<td id="imgname">' + Xroom_name + '</td>' +
            '<td class="text-right">' +
            '<a href="#" class="btn btn-simple btn-warning btn-icon edit" data-toggle="modal" data-target="#myModal"><i class="fa fa-edit"></i></a>' +
            '<a href="#" class="btn btn-simple btn-danger btn-icon remove" ><i class="fa fa-times"></i></a>' +
            '</td>' +
            '</tr>');

        document.getElementById('colmn').innerHTML = document.getElementById('colmn').innerHTML + column;

        ndx++;

    });
});

我还删除了我点击过的列信息:

var table = $('#datatables').DataTable();
  table.on('click', '.remove', function (e) {
        $tr = $(this).closest('tr');
        table.row($tr).remove().draw();
        e.preventDefault();
  });

我想删除所有列,因为我可以在添加,更新和删除后立即刷新表。我不想删除我单击的列。

0 个答案:

没有答案