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

Question

我自己创建了一个带有固定列的html表，使用jquery DataTable并引用This example as，

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

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

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

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

Answer 1

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

Answer 2

使用table.destroy();数据表方法并使用新columnNumber初始化新选项解决了这个问题。

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

请建议是否有更好的方法。

Answer 3

对我来说，它奏效了。

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

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