【问题标题】:Ag-Grid getRowClass can't find cssAg-Grid getRowClass 找不到 css
【发布时间】:2020-04-17 17:55:45
【问题描述】:

我正在尝试做一些非常简单的事情。我只是想动态地改变我的行的背景颜色(想法是稍后在扩展/收缩组时实现这个)。

我目前正在尝试实现gridOptions.getRowClass(),但它似乎找不到我的 CSS。当我使用getRowStyle() 设置背景属性时,它可以工作,但我需要使用getRowClass() 来完成我计划在未来与组一起做的事情。

这行得通:

this.gridOptions.getRowStyle() = function(params) { return { background-color: 'red' } }

这不是:

this.gridOptions.getRowClass() = function(params) { return 'my-css-class' }

使用 CSS:

.my-css-class {
background-color: red !important;
}

CSS 在我的<style> 部分,函数在beforeMount()

【问题讨论】:

标签: javascript css vue.js ag-grid


【解决方案1】:

如果您没有应用任何特殊逻辑,这应该可以工作 -

this.gridOptions.rowClass = "my-css-class";

如果没有,您可以尝试在网格模板定义中定义 gridOption 配置

【讨论】:

  • 您好,谢谢您的回答。不幸的是,两者都不起作用(我将来会有一些逻辑)。我还发现典型的样式也不起作用。我可以更改#AgGrid 的样式,但不能更改.ag-cell.ag-theme-material 之类的样式。有任何想法吗?我可以在浏览器开发工具中更改样式,但不能在代码中更改。
  • 我是个白痴。它不起作用,因为我的样式标签是作用域的。我添加了另一个没有作用域的样式标签,所以现在我可以访问内部样式元素了。
  • @Dan 很高兴你知道了!
猜你喜欢
  • 2023-01-20
  • 1970-01-01
  • 2018-04-28
  • 2018-03-10
  • 2020-08-24
  • 2017-10-24
  • 2021-11-05
  • 2021-05-27
  • 2018-11-17
相关资源
最近更新 更多