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

【问题标题】：Enable disable fixed column in DataTable using a button使用按钮启用禁用 DataTable 中的固定列
【发布时间】：2014-08-14 05:23:19
【问题描述】：

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

$(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。根据按钮切换列号的正确语法是什么？

【问题讨论】：

在什么情况下启用或禁用..禁用后它们不应表现为固定列，反之亦然？
我自己想在某些情况下启用固定列功能。在其他情况下，应通过单击按钮禁用它。同样，如果用户再次单击按钮，它应该启用，反之亦然。
请在@AnkushJain下方查看我的回答

标签： jquery datatable toggle fixed

【解决方案1】：

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

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

如果有更好的方法，请提出建议。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

对我来说，它奏效了。

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

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

【讨论】：