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
