Issue
How to add something like that:
border-collapse: collapse;
in Material Design Table?
When I add border code to .mat-cell:
.mat-cell {
border: 1px solid;
}
in some places the border looks like 2px.
I would like to add a border because I would like to change the color at the hover.
Stackblitz: https://stackblitz.com/edit/angular-bmnxfa-jmgwnp
Solution
There's no border-collapse
on <div>
s. So you'll need to use negative margins instead and bring the hovered item on top:
.mat-cell {
margin: 0 -1px -1px 0;
}
.mat-row {
margin-right: 1px;
}
.mat-row:hover {
z-index: 1;
position: relative;
}
https://angular-bmnxfa-r7x93a.stackblitz.io
Answered By - tao
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.