fix(plugin-chart-table): Prevent misalignment of totals and headers when scrollbar is visible (#26964)

This commit is contained in:
Kamil Gabryjelski
2024-02-01 18:27:22 +01:00
committed by GitHub
parent b33662f6ff
commit e6d2fb6fdf

View File

@@ -226,6 +226,7 @@ function StickyWrap({
height: maxHeight, height: maxHeight,
overflow: 'auto', overflow: 'auto',
visibility: 'hidden', visibility: 'hidden',
scrollbarGutter: 'stable',
}} }}
> >
{React.cloneElement(table, {}, theadWithRef, tbody, tfootWithRef)} {React.cloneElement(table, {}, theadWithRef, tbody, tfootWithRef)}
@@ -252,6 +253,7 @@ function StickyWrap({
ref={scrollHeaderRef} ref={scrollHeaderRef}
style={{ style={{
overflow: 'hidden', overflow: 'hidden',
scrollbarGutter: 'stable',
}} }}
> >
{React.cloneElement( {React.cloneElement(
@@ -270,6 +272,7 @@ function StickyWrap({
ref={scrollFooterRef} ref={scrollFooterRef}
style={{ style={{
overflow: 'hidden', overflow: 'hidden',
scrollbarGutter: 'stable',
}} }}
> >
{React.cloneElement( {React.cloneElement(
@@ -297,6 +300,7 @@ function StickyWrap({
style={{ style={{
height: bodyHeight, height: bodyHeight,
overflow: 'auto', overflow: 'auto',
scrollbarGutter: 'stable',
}} }}
onScroll={sticky.hasHorizontalScroll ? onScroll : undefined} onScroll={sticky.hasHorizontalScroll ? onScroll : undefined}
> >