从下拉列表中选择列的 Jquery 数据表答案

【问题标题】：Jquery Datatable selecting colums from dropdown从下拉列表中选择列的 Jquery 数据表
【发布时间】：2018-04-19 15:59:25
【问题描述】：

我打算使用 Jquery 数据表。我想选择许多列并让用户选择要显示的列。

我找到了这个， https://datatables.net/examples/api/show_hide.html

但我想要的是切换线是一个下拉菜单。我怎样才能做到这一点？或者有没有其他插件支持这个？？？

【问题讨论】：

所以你想要每列的下拉菜单（例如，在你的例子中有 5 列，如姓名 - 职位 - 办公室 - 年龄 - 开始日期 - 薪水）？你能画一些 UI（在 mspaint 或其他一些软件中），它可以帮助你直观地看到你想要的东西吗？
或者，@vibs2006，这里需要多选吗？
@annoyingmouse 是的，多选会是更好的选择。我猜问题的框架不正确。

标签： datatables

【解决方案1】：

看看这个例子here。它正在创建下拉 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);
  });
} );

【讨论】：