tenho uma tabela com a funcao do datatables, ele mostra os valores certinha, só que eu queria algumas colunas aparecessem de acordo com oq eu ticasse no multiselect, conseguir fazer mostrar de acordo com a minha necessidade, agora o que eu não consigo é fazer desaparecer/esconder. alguém já fez ou sabe de algo que possa me ajudar.
HTML
<div class='col-lg-4 pr-0'>
<div class='row'>
<div class='col-md-12'>
<select multiple='multiple' title='Exibir a coluna na tabela' required id='exibircoluna' class='form-control p-0'>
<option value="2" >MAC</option>
<option value="3" >Cod. Barras</option>
<option value="4" >Nr. Série</option>
<option value="5" >Placa</option>
<option value="6" >Imei</option>
<option value="7" >Imei 2</option>
<option value="8" >Imei 3</option>
</select>
</div>
</div>
</div>
JS
$(document).ready(function () {
var table = $('#dataTableIemEstoque').DataTable();
table.columns([3, 4, 5, 6, 7, 8]).visible(false, false);
$("#exibircoluna").on('change', function (e) {
var table = $('#dataTableIemEstoque').DataTable();
e.preventDefault();
var column = $(this).val();
var ch = [];
$("#exibircoluna option:selected").each(function() {
ch.push($(this).val());
});
table.columns(ch).visible(true);
});
});