Ag-grid 导出元数据值答案

【问题标题】：Ag-grid export meta-data valuesAg-grid 导出元数据值
【发布时间】：2018-08-21 19:56:00
【问题描述】：

我目前具有将我的 ag-grid 导出到 csv 的功能。问题是，UI 不会在网格中显示任何值（仅将单元格着色为红色或绿色）。

有没有办法导出一些元数据（通过在单元格后面隐藏一个值），以便在生成 .csv 时，将背景颜色转换为 PASS（绿色）和 FAIL（红色）？

现有代码：

this.subscription = this.messageService.clickEventEmitter.subscribe(message => {
     this.gridOptions.api.exportDataAsCsv({
         skipHeader: false,
         skipFooters: true,
         skipGroups: true,
         fileName:'myFile.csv'}),
     });
});

网格内容：

【问题讨论】：

网格获取数据，这个数据长什么样子？
@happyZZR1400 我选择获取数据并将其转换为背景颜色，我没有显示任何导致颜色的数据。数据看起来像 1 表示通过，0 表示失败
从 ag-grid 导出样式是一项企业功能 - Excel 导出而不是 CSV 导出。
您使用的是cellRenderer吗？还是在将数据传递给 ag-grid 之前对其进行预处理？
@JarodMoser 我确实有一个 cellRenderer，但它用于偶尔显示在单元格中的不相关数据。 99% 的时间单元格将是空白的。我想知道是否有办法将 0/1 值存储在单元格中以供以后导出使用。（我在 cellStype: 中使用 0/1 值来设置背景）

标签： angular export-to-csv ag-grid

【解决方案1】：

可能最简单的解决方案是使用exportToCSV 函数的processCellCallback 参数。像这样的：

processCellCallback: cell => cell.backgroundColor == 'green' ? 'Pass' : 'Fail'

但是，听起来您正在以某种方式预处理数据。我建议您将原始数据传递给 ag-grid，然后使用 cellRenderer 显示绿色或红色背景。这样，exportToCSV 函数也会接收原始数据，您可能不需要 processCellCallback。

【讨论】：

非常有帮助，我需要保持网格没有 0/1s（原始数据）即使我将原始数据发送到网格也可以吗？
当然，here 是一个简单的例子。我认为唯一可能无法自我解释的“技巧”是将'&nbsp'设置为innerHTML，以便div显示