当我鼠标悬停一些元素,例如在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()
等。
答案 0 :(得分:1)
可能是这样的:
找到此搜索:
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但是......