AG-Grid导出：排除指定两列导出当前渲染表格

核心思路 #

通过实时获取表格当前渲染的列集合，过滤掉需要排除的固定列，再基于过滤后的列执行导出操作，完全贴合当前页面的表格状态。

具体步骤 #

• 获取当前渲染的列集合：使用gridApi.getDisplayedColumns()方法，该方法返回当前表格中实际显示的所有列（包含你设置的不可隐藏/移动列，但排除用户手动隐藏的其他列），完全匹配当前渲染状态。
• 过滤排除固定列：从上述列集合中，通过列的colId或colKey（根据列定义时的标识）筛选掉需要排除的固定列。
• 提取列标识数组：将筛选后的列映射为colId/colKey数组，供导出方法调用。
• 执行导出：调用导出方法时传入该数组作为columnKeys参数，不要设置gridDescriptor，避免使用初始配置覆盖当前状态。

代码示例 #

// 定义需要排除的固定列colId
const excludeColIds = ['fixedId', 'fixedOperation'];

// 获取当前显示的列
const displayedColumns = gridApi.getDisplayedColumns();

// 过滤掉需要排除的固定列
const exportColumns = displayedColumns.filter(col => !excludeColIds.includes(col.getColId()));

// 提取用于导出的列标识数组
const exportColumnKeys = exportColumns.map(col => col.getColId());

// 执行Excel导出
gridApi.exportDataAsExcel({
  columnKeys: exportColumnKeys,
  fileName: '导出表格.xlsx'
});

// 若需导出CSV，替换为以下代码
// gridApi.exportDataAsCsv({
//   columnKeys: exportColumnKeys,
//   fileName: '导出表格.csv'
// });

说明 #

这种方式既保留了用户对其他列的显示/隐藏、顺序调整，又精准排除了指定的固定列，解决了之前使用gridDescriptor导致导出结果基于初始配置而非当前渲染状态的问题。

内容的提问来源于stack exchange，提问作者D-Fro