ag-Grid如何将css添加到元素中

时间:2017-11-21 14:13:25

标签: javascript html css ag-grid

当我鼠标悬停一些元素,例如在ag-Grid中的这样一行时,我注意到它添加了一些内联css来突出显示该元素。例如,当未选择元素时,html如下所示:

<div class="ag-full-width-viewport" role="presentation" 
style="border-right: 0px solid transparent;"> == $0

然而,当我将鼠标悬停在此元素上时会自动突出显示并添加内联css:

<div class="ag-full-width-viewport" role="presentation" 
style="border-right: 0px solid transparent: border-bottom: 0px solid 
transparent;"> == $0

我想知道api究竟是怎么做到的。我可以在源代码中看到这个逻辑吗?我想知道为了将我自己的css添加到网格中的特定元素...而不是使用api&#39; s getRowClass()等。

1 个答案:

答案 0 :(得分:1)

可能是这样的:

https://github.com/ag-grid/ag-grid/blob/b4353aba1a2405d2133ef0726dc6733596435d9d/src/ts/gridPanel/gridPanel.ts#L864

找到此搜索:

https://github.com/ag-grid/ag-grid/search?utf8=✓&q=transparent+extension%3Ajs+extension%3Ats&type=

如果需要,您可以使用浏览器开发人员工具进行调试。例如,在Chrome的开发者工具中,您可以右键单击指定为$0的元素(在您的问题中),然后&#34; Break on ... - &gt;属性修改&#34;。 style属性发生变化后,您就会看到它来自何处。

我确实感觉你的问题有点像XY Problem但是......