使用按钮启用DataTable中的固定列禁用

Question

我自己使用jquery数据表并参考This example as，创建了具有固定列的html表，

$(document).ready(function() {
    var table = $('#example').DataTable( {
        scrollY:        "300px",
        scrollX:        true,
        scrollCollapse: true,
        paging:         false
    } );
    new $.fn.dataTable.FixedColumns( table, {
        leftColumns: 2
    } );
} );

UPDATE：我自己尝试使用this fiddle中指定的按钮启用/禁用固定列，

var columnNumber = 2;
  $('#ToggleColumns').click(function () { 
  if(columnNumber == 2)
  {
columnNumber = 0;  
  }
  else {
  columnNumber = 2; 
  }
foo();

其中foo()包含要固定的columnNumber。根据按钮切换列号的正确语法是什么？

Answer 1

通过使用数据表的table.destroy();方法并使用新的columnNumber初始化新选项来解决。

示例链接：http://jsfiddle.net/eqsadgez/1/

请提出任何更好的方法。

Answer 2

[我认为您所能做的就是在每次点击时添加或删除“排序”类

Answer 3

对我来说，它起作用了。

$(".DTFC_Cloned").addClass('d-none');

。DTFC_Cloned是提供给具有固定列数据的克隆表的类datatables。