【发布时间】: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()。
【问题讨论】:
-
对于那些使用 Angular 的人来说,发生这种情况是因为 Angular 修改了 CSS 类名以缩小范围,因此类名不再有效并且样式将不适用。您可以尝试使用 ::ng-deep(已弃用,但可用:angular.io/guide/component-styles#deprecated-deep--and-ng-deep)或创建一个特殊用途的组件,以使用 ViewEncapsulation.None 公开此类全局样式(此处是一个很好的示例:stackoverflow.com/a/58081817/5065946)
标签: javascript css vue.js ag-grid