I have been facing an issue with applying a border-bottom rule to each row in my table. Despite trying different approaches, the rule is not being displayed as expected.
After inspecting the code and checking the relevant classes, I am still unable to pinpoint the exact cause of the problem. Any help in identifying the issue would be greatly appreciated.
body{
overflow: hidden;
}
.container-table100 {
width: 100%;
min-height: 100vh;
background-color: #f4f5f7;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 33px 30px;
}
.wrap-table100 {
width: 60%;
}
.table100 {
...
<div class="container-table100">
<div class="wrap-table100">
...
</div>
<.../div>