Question

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

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

我收到此消息：

DataTables警告：表ID =示例-无法重新初始化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({...}。如果用第二个替换第一个初始化，那应该很好。

干杯

科林

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

1 个答案: