Datatable show column на основе результата с сервера

Question

У меня есть четыре варианта для пользователя на моей странице, я показываю данные с использованием datatable. Нагрузка на страницу Я показываю данные для 1-го варианта, который содержит 9 столбцов. Моя вторая опция содержит данные, для которых требуется всего 4 столбца. Мой третий вариант требует 5 столбцов.

Я не знаю, как изменить эти номера столбцов и имя столбца динамически на основе выбора пользователя

Я получаю эти данные с сервера в формате JSON

Есть ли способ сделать это ? Я делаю это с помощью jquery

Я также пробовал вариант: «aoColumns», и я передал массив в качестве имен столбцов, но он не сработал.

Это мой код для таблицы:

<table id="example" class="table table-striped table-bordered table-hover dataTable" aria-describedby="bTable2_info" style="width: 100%;"> 
     <thead> 
     </thead> 


     </table> 

И это мой код DataTable свойства:

var col = ['a','b','c','d','e','f','g','h','i']; 
      oTable12= $('#example').dataTable({ 
      "aLengthMenu": [[5, 10, 20, -1], [5, 10, 20, "All"]], 
      "iDisplayLength": 5, 
      "aoColumns": col, 
      }); 

Спасибо

Answer 1

Вы можете установить видимость столбцов с помощью API fnSetColumnVis (index, boolean).

Here is the demo

var dt1; 
$(document).ready(function() { 
    dt1= $("#t1").dataTable({ 
     aoColumns:[null,null,null,null,{bVisible:false}] 
    }); 
}); 

$('#b1').on('click',function() { 
    dt1.fnSetColumnVis(1, false); 
    dt1.fnSetColumnVis(3,false); 
} 
); 

DataTable сайт имеет довольно много примеров - http://legacy.datatables.net/examples/