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

Question

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

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

Answer 1

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

如果您正在使用 .ag-theme-balham 主题那么

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

    background-color: #ECF0F1;
}

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

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

    background-color: #ECF0F1;
}

等等...

row highlight on mouse over ag grid react