首页 > 解决方案 > 在 Ag-Grid 中导出到 excel 时将 css 类应用于列

问题描述

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

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

我已将 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 文件中。

我可以检查该列的渲染器是否也应用于网格但未应用于 excel 文件。但同样的事情也适用于电话栏,因为它没有改变,所以 css 样式应用于下载的 excel 文件。

所以任何人都知道为什么会这样,在此先感谢。

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

标签: vue.jsexport-to-excelag-gridag-grid-vue

解决方案


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

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


推荐阅读