Jquery Datatable从下拉列表中选择列

Question

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

我发现了这个， https://datatables.net/examples/api/show_hide.html

但我想要的是切换线作为下拉列表。我怎样才能做到这一点？ 或者是否有任何其他插件支持这个。???

Answer 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);
  });
} );