Bordered Grid with align-items-center in ROW

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

Can you find the answer?

No :tired_face:

Any idea?

Simple You have to write that code .

  <ion-grid text-center class="grid-bordered">

write text-center to help give all text in center.