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

Question

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

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

我收到这条消息：

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

这是我的代码：

$(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
    });


} );

有什么帮助/建议吗？

Answer 1

正如错误所说，您已对表进行了两次初始化。首先没有选项，var table = $('#example').DataTable();，然后再次使用$('#example').dataTable({...}。如果你用第二个替换第一个初始化，你应该很好。

干杯，

科林