【问题标题】:Apply css class to column when export to excel in Ag-Grid在 Ag-Grid 中导出到 excel 时将 css 类应用于列
【发布时间】:2020-08-05 09:39:45
【问题描述】:

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

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

  • 名称:测试
  • 地址:纽约
  • 电话:000-000-00

我已将 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

【问题讨论】:

    标签: vue.js export-to-excel ag-grid ag-grid-vue


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2020-04-05
      • 2023-02-17
      • 2018-09-27
      • 2020-05-29
      • 2018-11-17
      • 2018-12-21
      • 2021-01-13
      • 1970-01-01
      • 2021-04-29
      相关资源
      最近更新 更多