@@ -69,6 +69,23 @@ const SimpleBarWrapper = styled(SimpleBar)`
6969
7070
7171 /* CRITICAL: Transfer scroll control from Ant Design to SimpleBar */
72+ .simplebar-track { background: transparent; }
73+
74+ .simplebar-track.simplebar-vertical { width: 10px; }
75+ .simplebar-track.simplebar-horizontal { height: 10px; }
76+
77+ .simplebar-scrollbar:before {
78+ background: rgba(0,0,0,0.35);
79+ border-radius: 6px;
80+ transition: background .2s ease, inset .2s ease;
81+ }
82+
83+ .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { left: 2px; right: 2px; }
84+ .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { top: 2px; bottom: 2px; }
85+
86+ .simplebar-track:hover .simplebar-scrollbar:before { background: rgba(0,0,0,0.55); }
87+ .simplebar-track.simplebar-vertical:hover .simplebar-scrollbar:before { left: 1px; right: 1px; }
88+ .simplebar-track.simplebar-horizontal:hover .simplebar-scrollbar:before { top: 1px; bottom: 1px; }
7289` ;
7390
7491interface TableContainerProps {
@@ -122,7 +139,7 @@ export const TableContainer: React.FC<TableContainerProps> = ({
122139</ >
123140) :(
124141/* Scrollbars enabled - use SimpleBar */
125- < SimpleBarWrapper className = "simplebar-wrapper" >
142+ < SimpleBarWrapper className = "simplebar-wrapper" autoHide = { false } >
126143{ ! stickyToolbar && toolbarPosition === 'above' && showToolbar && (
127144< DefaultToolbar > { toolbar } </ DefaultToolbar >
128145) }
