渲染后从g-grid输出中删除样式

时间:2017-01-09 13:51:41

标签: javascript css3 ag-grid vuejs2

我正在研究ag-grid输出的样式更改,以便在每行之间留出一些边距空间来推动行。

在CSS3中使用decendant selector似乎可以正常覆盖.ag-row类,但在渲染ag-grid期间的某个位置会添加top属性 inline < / em>基于行的高度的行样式。

结果是,虽然我有一条规则说行在每行的底部添加了30px的边距,但它被顶级规则覆盖,将下面的行放在彼此的正下方,在默认网格布局中。

我已经读过ag-grids&#39; getRowStyle()processRowPostCreate()内置函数,但据我所知,这是为了添加或修改样式,而不是删除样式。至少我没有找到任何可能会给我提示删除那个烦人的最高规则的例子。

任何线索都将不胜感激!请参阅已呈现的ag-grid HTML的附加屏幕截图,以查看Chrome开发人员工具右侧面板中的最常用规则。在第一个屏幕截图中,您可以看到webdev工具在左侧面板中显示边距空间,因此规则已被使用。

enter image description here

enter image description here

0 个答案:

没有答案