如何在JQuery DataTable中根据条件动态隐藏列？

问题出在两点： #

1. DataTables旧版API的bVisible不支持函数
   你用的是旧版DataTables的aoColumns配置，其中bVisible只能直接接受布尔值（true/false），不能传入函数来动态计算可见性，所以你写的function(d){return true ? 1 : false}不会生效，DataTables会把这个函数判定为真值，导致列始终显示。

2. 三元运算符逻辑错误
   你写的true ? 1 : false条件是固定的true，所以永远返回1，而1在JavaScript中属于真值，这也会让列强制显示。

修复方案 #

方案1：初始化时直接计算布尔值（适合固定条件）

先在初始化前判断你的特定条件，直接把布尔结果赋值给bVisible：

// 先定义你的判断条件，比如根据用户权限、配置等
var isColumn1Visible = /* 你的条件，比如：currentUser.role !== 'viewer' */;

var userTable = DataTable(this.$('#someTable'),{
  "bLengthChange": true,
  "bInfo": true,
  "aoColumns": [
    {
      "mDataProp": function(d){
        return ("Test" || "N/A");
      },
      "bVisible": isColumn1Visible, // 直接传布尔值
      "bSortable": true,
      "sName": "Column1"
    },
    {
      "mDataProp": function(d){
        return ("Test" || "N/A");
      },
      "bVisible": true,
      "bSortable": true,
      "sName": "Column2"
    }
  ]
});

方案2：初始化后动态切换列可见性（适合条件需要动态变化的场景）

如果你的条件是在表格初始化后才变化，用DataTables的API来切换：

// 先正常初始化表格，默认列可见
var userTable = DataTable(this.$('#someTable'),{
  "bLengthChange": true,
  "bInfo": true,
  "aoColumns": [
    {
      "mDataProp": function(d){
        return ("Test" || "N/A");
      },
      "bVisible": true,
      "bSortable": true,
      "sName": "Column1"
    },
    {
      "mDataProp": function(d){
        return ("Test" || "N/A");
      },
      "bVisible": true,
      "bSortable": true,
      "sName": "Column2"
    }
  ]
});

// 定义切换函数，根据条件控制列显示
function setColumn1Visibility(shouldShow) {
  // 旧版API用fnSetColumnVis，参数是列索引（从0开始）和可见性
  userTable.fnSetColumnVis(0, shouldShow);
  // 如果是新版DataTables API，改用：userTable.column(0).visible(shouldShow);
}

// 调用示例：当满足特定条件时隐藏列1
// setColumn1Visibility(false);

内容的提问来源于stack exchange，提问作者user1462617