【发布时间】:2020-10-07 15:37:45
【问题描述】:
Context Menu Row with different color - the last Row
我选择了 4 Row,但不清楚哪个 Row 值包含上下文菜单,因为它们都以相同的颜色突出显示,所以我希望 4th Row 以不同的颜色突出显示。 任何帮助表示赞赏。
【问题讨论】:
标签: reactjs react-native ag-grid
Context Menu Row with different color - the last Row
我选择了 4 Row,但不清楚哪个 Row 值包含上下文菜单,因为它们都以相同的颜色突出显示,所以我希望 4th Row 以不同的颜色突出显示。 任何帮助表示赞赏。
【问题讨论】:
标签: reactjs react-native ag-grid
一个简单的解决方案是使用 css 以不同的颜色突出悬停在行上,如下所述example-
.ag-row-hover {
/* putting in !important so it overrides the theme's styling as it hovers the row also */
background-color: #dfdfff !important;
}
稍微复杂一点的方法是监听上下文菜单事件何时发出,并以不同的行样式突出显示该特定行。
【讨论】:
ag-theme-alpine .ag-ltr .ag-row-focus { border: 1px solid red; background-color: lightblue; }