각 2 AG-그리드 AG-그리드의 두 행 사이에 공간을 추가하는 방법

Question

이미지 위에

내가

을 원하는처럼하지만 내 출력이 아래 이미지처럼오고 그래서 AG-그리드를 사용

나는 그리드를 사용하고있다. 나는 행이 분리되어 있음을 보여주는 2 행의 그리드 사이에서 더 많은 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; 

내가 15 픽셀 나누었다 문제가 상단 행이 .so를 기본적으로 내가 특정 공간 행을 분리해서 할 필요가 아래로 재정의 것을 그대로 모든 행에 대한 마진을 나누었다 행 그리드이 주어진다. 감사합니다. 감사합니다.

Answer 1

ag-grid는 절대 위치 지정을 사용하여 행을 배치하고 높이를 제공하기 때문에 패딩과 여백은 행을 이동시키고 서로를 숨길 것입니다. 대신 행에 더 큰 높이를 지정하여 테두리를 배치 할 공간을 허용하는 것이 좋습니다.

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' 
    }, 
    .... 
}; 

Plnkr example