如何在angular 2 ag grid中的两行ag grid之间添加空间

上图是我想要的

但我使用了ag网格，所以我的输出如下图所示

我使用的是ag-grid。我想在两行网格之间进行更多的spce，这表明该行是分开的

 .ag-body-container .ag-row {
        margin-top:15px;
        border: 1px solid $white-three;
        background-color: #d8d8d8;
        border-radius: 4px;
        font-size: 12px;
        color: #505050;

我为网格行给出了这个值。但所有行的边距都是15px。但问题是上面的行是覆盖到下面的。所以基本上我需要用特定的空间分隔行。

---

请尽快告诉我。谢谢你，因为ag网格使用绝对定位来放置行并提供高度，填充和边距只会移动行并将它们隐藏在彼此后面。相反，我建议为行提供更大的高度，以便为放置边框留出空间

类似这样的方法会奏效：

var gridOptions = {
    ...
    rowHeight: 45,
    rowStyle: {'border-bottom': 'white 20px solid'},
    ....
};

或者，如果您需要考虑行中的垂直居中：

var gridOptions = {
    ...
    rowHeight: 45,
    rowStyle: {
        'border-bottom': 'white 10px solid',
        'border-top': 'white 10px solid' 
    },
    ....
};

---

有没有js小提琴，或者链接检查？iam使用ag grid Documentation[请您也发布您面临问题的图像吗？嘿，我共享了两张图像第一张是预期输出，第二张是我的