如何根据表头文本隐藏DataTable列实现UI仅显3列导出全量数据？

方案1：按表头文本批量隐藏（单个函数实现） #

你可以把需要隐藏的表头文本统一放在数组里，通过单次循环完成所有列的隐藏，不需要定义多个独立函数：

// 初始化DataTable，同时配置导出全量数据规则
const table = $("#ibms").DataTable({
  // Excel导出配置，确保隐藏列也能被导出
  buttons: [
    {
      extend: 'excel',
      exportOptions: {
        columns: '*' // 导出所有列，包括隐藏列
      }
    }
  ]
});

// 单个函数批量隐藏指定列
function hideTargetColumns(table) {
  // 定义所有需要隐藏的表头文本
  const hideHeaders = [
    'FMS Location Description',
    'Site',
    'Level',
    'Area',
    'Zone',
    'Unit',
    'Location'
  ];
  hideHeaders.forEach(headerText => {
    const colIndex = $(`#ibms th:contains('${headerText}')`).index();
    table.column(colIndex).visible(false);
  });
}

// 调用函数执行隐藏
hideTargetColumns(table);

方案2：更简洁的索引批量隐藏（适配仅展示前3列的需求） #

因为你的需求明确是仅展示前3列，不需要额外匹配表头文本，直接通过列索引范围隐藏效率更高：

const table = $("#ibms").DataTable({
  buttons: [
    {
      extend: 'excel',
      exportOptions: {
        columns: '*'
      }
    }
  ]
});

// 列索引从0开始计数，:gt(2)代表索引大于2的列，也就是第4列及以后全部隐藏
table.columns(':gt(2)').visible(false);

注意：必须在DataTable初始化配置的导出按钮参数中设置exportOptions.columns为*或者'all'，才能保证导出Excel时包含被隐藏的列，否则默认只会导出当前页面可见的列。

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