在数据表中添加带有单个列搜索（选择输入）的滚动条

问题描述

我有一个 17 列的表格，我想添加滚动（水平和垂直）栏，但问题是我是否会在下面添加此代码：

$('#example').dataTable({
  "scrollY": 200,
  "scrollX": true
});

我收到这条消息：

DataTables 警告：table id=example - 无法重新初始化 DataTable。 有关此错误的更多信息，请参阅

这是我的代码：

$(document).ready(function() { 

  var table = $('#example').DataTable();

  $("#example tfoot th").each( function ( i ) {

      var select = $('<select data-plugin-selectTwo class="form-control" ><option value=""></option></select>')
          .appendTo( $(this).empty() )
          .on( 'change', function () {
              var val = $(this).val();

              table.column( i )
                  .search( val ? '^'+$(this).val()+'$' : val, true, false )
                  .draw();
          } );

      table.column( i ).data().unique().sort().each( function ( d, j ) {
          select.append( '<option value="'+d+'">'+d+'</option>' )
      } );
  } );

  $('#example').dataTable({
    "scrollY": 200,
    "scrollX": true
    });


} );

任何帮助/建议？