@@ -8,7 +8,7 @@ const MainContainer = styled.div<{
88$mode :'AUTO' | 'FIXED' ;
99$showHorizontalScrollbar :boolean ;
1010$showVerticalScrollbar :boolean ;
11- virtual :boolean ;
11+ $ virtualboolean ;
1212} > `
1313 display: flex;
1414 flex-direction: column;
@@ -18,13 +18,13 @@ const MainContainer = styled.div<{
1818 /* Critical CSS controls for SimpleBar */
1919
2020
21- ${ props => ( ! props . $showHorizontalScrollbar || props . virtual ) && `
21+ ${ props => ( ! props . $showHorizontalScrollbar || props . $ virtual) && `
2222 div.simplebar-horizontal {
2323 visibility: hidden !important;
2424 }
2525 ` }
2626
27- ${ props => ( ! props . $showVerticalScrollbar || props . virtual ) && `
27+ ${ props => ( ! props . $showVerticalScrollbar || props . $ virtual) && `
2828 div.simplebar-vertical {
2929 visibility: hidden !important;
3030 }
@@ -133,7 +133,7 @@ export const TableContainer: React.FC<TableContainerProps> = ({
133133ref = { containerRef }
134134$showHorizontalScrollbar = { showHorizontalScrollbar }
135135$showVerticalScrollbar = { showVerticalScrollbar }
136- virtual = { virtual }
136+ $ virtual= { virtual }
137137>
138138{ /* Sticky above toolbar - always visible */ }
139139{ stickyToolbar && toolbarPosition === 'above' && showToolbar && (
