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

时间:2018-03-15 11:01:36

标签: javascript reactjs ag-grid ag-grid-react

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

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

1 个答案:

答案 0 :(得分:5)

将下面的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;
}

依旧......