Comment ajouter de l'espace entre les deux rangées de ag-grille angulaire 2 ag-grille

Question

image ci-dessus est comme je veux

mais j'ai utilisé ag-grille pour ma sortie arrive comme cette image ci-dessous

J'utilise ag-grid. Je veux plus de spce entre 2 rangées de grilles, ce qui montre que cette rangée est séparée.

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

Je donne ce pour les grilles ramer .mais-il marge pour toutes les lignes que 15px problème .mais est que la ligne supérieure est prioritaire i besoin vers le bas .donc essentiellement à séparer les lignes avec un espace spécifique. s'il vous plaît dites-moi bientôt. Merci

Answer 1

Depuis l'ag-grille utilise un positionnement absolu pour placer les rangées et fournir la hauteur, le rembourrage et la marge va simplement déplacer les rangées et les cacher les uns derrière les autres. Au lieu de cela, je suggère de fournir une plus grande hauteur aux rangées, pour permettre l'espace pour une bordure à placer.

Quelque chose comme cela fonctionnera:

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

Ou si vous devez tenir compte pour le centrage vertical dans vos rangs:

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

Plnkr example