javascript - 鼠标悬停在 ag 网格上的行突出显示反应

Question

我试图在 ag 网格中突出显示鼠标悬停的一行。我正在使用 React 框架。React 单元格样式示例都与条件渲染样式相关，但没有一个专注于鼠标悬停样式。我关注的链接是链接

我还检查了他们提到使用 ag-row-hover 类的github上的答案。我应该在哪里渲染这个 css 类？

Answer 1

将以下 CSS 放入本地 CSS 文件以覆盖 .ag-row-hover 类。

如果您使用的是.ag-theme-balham主题，那么

.ag-theme-balham .ag-row-hover{

    background-color: #ECF0F1;
}

如果您使用的是.ag-theme-fresh主题，那么

.ag-theme-fresh .ag-row-hover{

    background-color: #ECF0F1;
}

等等...