Datatables Jquery数据表从下拉列表中选择列

Datatables Jquery数据表从下拉列表中选择列,datatables,Datatables,我计划使用jquerydatatable。 我想选择许多列,并允许用户选择要显示的列 我找到了这个, 但我想要的是切换线是一个下拉列表。我该怎么做? 或者是否有其他插件支持此功能。??看看这个例子。它正在创建下拉列表select元素,该元素将切换所选列的可见性 代码是: $(document).ready( function () { var table = $('#example').DataTable(); table.columns().every(function(index

我计划使用jquerydatatable。 我想选择许多列,并允许用户选择要显示的列

我找到了这个,

但我想要的是切换线是一个下拉列表。我该怎么做?
或者是否有其他插件支持此功能。??

看看这个例子。它正在创建下拉列表
select
元素,该元素将切换所选列的可见性

代码是:

$(document).ready( function () {
  var table = $('#example').DataTable();

  table.columns().every(function(index, tableCounter, counter) {
    $('<option/>').val(counter).text($('#example thead th:eq(' + counter + ')').text()).appendTo('#select');    
  });

  $('#select').on('change', function() {
    var visible = table.column($(this).val()).visible();
    table.column($(this).val()).visible(!visible);
  });
} );
$(文档).ready(函数(){
变量表=$(“#示例”).DataTable();
table.columns().every(函数(索引、tableCounter、计数器){
$('').val(counter).text($(''示例thead:eq('+counter+')).text()).appendTo(''选择');
});
$('#select')。在('change',function()上{
var visible=table.column($(this.val()).visible();
table.column($(this.val()).visible(!visible);
});
} );

所以您希望每个列都有下拉列表(例如,在您的示例中有5列,如姓名-职位-办公室-年龄-开始日期-薪资)?你能画一些用户界面(在mspaint或其他软件中)来帮助可视化你到底想要什么吗?或者,@vibs2006是一个多选,这里需要什么?@happingmouse yes multi-select是一个更好的选择。我猜这个问题的结构不正确。