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
Jochem
Jochem2y ago
try setting the background of the scrollbars to transparent
RaviTeja
RaviTejaOP2y ago
How to achieve this ?
RaviTeja
RaviTejaOP2y ago
RaviTeja
RaviTejaOP2y ago
Here the scrollbars are within the mat-table body
Jochem
Jochem2y ago
scrollbar-color: #007 transparent; #007 is the color of the thing you drag, transparent is the color of the rest of the bar
RaviTeja
RaviTejaOP2y ago
Thanks @jochemm
Want results from more Discord servers?
Add your server