Mat Table scrollbar Issue
Need help in fixing scrollbar , I want to have the mat table with complete width and scrollbar within the table .
Here the table body width looks less because of scrollbar
My HTML follows
<div class="table-group">
<mat-table></mat-table>
</div>
CSS:
.table-group:hover::-webkit-scrollbar-thumb {
visibility: visible;
}
.table-group::-webkit-scrollbar-thumb {
visibility: hidden;
}
/* width */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar:vertical {
width: 6px;
}
::-webkit-scrollbar:horizontal {
width: 6px;
height: 16px;
}
::-webkit-scrollbar-track {
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #001536 0% 0% no-repeat padding-box;
border-radius: 4px;
opacity: 1;
}
6 Replies
try setting the background of the scrollbars to transparent
How to achieve this ?
Here the scrollbars are within the mat-table body
scrollbar-color: #007 transparent;
#007 is the color of the thing you drag, transparent is the color of the rest of the barThanks @jochemm