Kendo Grid excelExport的hideColumn方法失效问题求助

首先咱们得揪出问题的核心：Kendo Grid的excelExport事件触发时机，是在导出内容已经准备好之后，这时候你调用hideColumn()只会改变页面上网格的显示状态，根本影响不到已经打包好的Excel导出内容。而你的PDF导出能正常工作，是因为PDF导出的渲染逻辑和Excel不一样——它会基于事件触发时的网格状态生成内容，之后你又用e.promise.done()恢复了列显示，所以看起来没问题。

下面给你两种可行的解决方案：

方法一：自定义导出按钮，提前修改列可见性 #

替换默认的Excel导出按钮，在点击时先隐藏目标列，触发导出后再恢复列显示，这样导出的内容就会自动排除隐藏的列：

$("#ALReport").kendoGrid({
  toolbar: [
    {
      name: "custom-excel",
      text: "Export to Excel",
      click: function() {
        const grid = $("#ALReport").data("kendoGrid");
        // 找到目标列并保存原可见状态
        const bidColumn = grid.columns.find(col => col.field === "Bid");
        const originalVisible = bidColumn.visible;
        
        // 隐藏列并刷新网格
        bidColumn.visible = false;
        grid.refresh();
        
        // 触发Excel导出
        grid.saveAsExcel();
        
        // 恢复列的可见状态
        bidColumn.visible = originalVisible;
        grid.refresh();
      }
    },
    "pdf"
  ],
  // 原有配置保持不变
  excel: { 
    allPages: true, 
    fileName: "ALReport" + todayDateFormatted() + ".xlsx", 
    proxyURL: "/content", 
    filterable: true 
  },
  pdf: { 
    allPages: true, 
    filterable: true, 
    fileName: "ALReport" + todayDateFormatted() + ".pdf", 
    proxyURL: "/content", 
    margin: { left: 10, right: "10pt", top: "10mm", bottom: "1in" } 
  },
  pdfExport: function (e) { 
    const grid = $("#ALReport").data("kendoGrid"); 
    grid.hideColumn("Bid"); 
    $(".k-grid-toolbar").hide(); 
    e.promise 
      .done(function () { 
        grid.showColumn("Bid"); 
        $(".k-grid-toolbar").show(); 
      }); 
  },
  dataSource: { 
    serverSorting: true, 
    serverPaging: true, 
    transport: { 
      read: getActionURL() + "ALReport...." 
    }
    // 其他数据源配置...
  }
});

方法二：在excelExport事件中直接修改导出数据 #

如果不想改动页面上的网格显示，可以直接在excelExport事件里操作导出的工作簿数据，移除不需要的列：

excelExport: function (e) {
  // 移除每行数据中的Bid字段
  e.data.forEach(item => {
    delete item.Bid;
  });
  // 移除导出列定义中的Bid列
  e.workbook.sheets[0].columns = e.workbook.sheets[0].columns.filter(col => col.field !== "Bid");
}

这种方式完全不影响用户看到的网格界面，直接对导出的原始数据做处理，适合需要保持界面状态的场景。

内容的提问来源于stack exchange，提问作者Rush.2707