Bordered Grid with align-items-center in ROW


#1

I need to create a table with text vertically centered in the rows

for this I use a css class

.grid-bordered{
  .row{
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #dedede;
  }
  .col{
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    border-color: #dedede;
  }
}

and in ion-row apply align-items-center attribute
this vertically center the text of each column but reduces the height of the same and therefore the borders are cut