在 Ag-Grid 中导出到 excel 时将 css 类应用于列

Posted 2023-03-28

【中文标题】在 Ag-Grid 中导出到 excel 时将 css 类应用于列

【英文标题】：Apply css class to column when export to excel in Ag-Grid

【发布时间】：2020-08-05 09:39:45

【问题描述】：

我在从 ag-grid 导出到 excel 时尝试更改列的内容，但导出到 excel 会删除该列的旧样式，如 css 类。喜欢

我的网格中有 3 列：1) 姓名 2) 地址 3) 电话

名称：测试 地址：纽约 电话：[phone]

我已将 css 类名应用于地址，它将根据值更改背景颜色 喜欢

红级到纽约 堪萨斯绿色级

现在我想更改地址栏的内容，例如，它将显示街道、公寓号等信息。所以我正在从 processCellCallback() 更改该内容，现在它具有完整的价值（如 47 W 13th St, New York, NY 10011, USA）

processCellCallback: function(cell) 
          if(cell.column.colId == 'address') 
            return '47 W 13th St ' + cell.value + ' NY 10011, USA';
           else 
            return cell.value;
          
        

但是我可以看到数据在网格中以颜色组合显示，而不是在下载的 excel 文件中。

我可以检查该列的 renderer 是否也应用于网格，但未应用于 excel 文件。 但同样的事情也适用于 Phone 列，因为它没有改变，所以在下载的 excel 文件中应用了 css 样式。

所以任何人都知道为什么会发生这种情况，在此先感谢。

信息： 在 vue.js 中使用 ag-grid

【参考方案1】：

查看 ag-grid 属性上的属性“excelStyles”。这也需要设置：

https://www.ag-grid.com/javascript-grid-properties/#renderingStyling