You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@superset.apache.org by mi...@apache.org on 2024/02/13 16:02:15 UTC
(superset) 02/16: fix(plugin-chart-table): Prevent misalignment of totals and headers when scrollbar is visible (#26964)
This is an automated email from the ASF dual-hosted git repository.
michaelsmolina pushed a commit to branch 3.1
in repository https://gitbox.apache.org/repos/asf/superset.git
commit ab7f560d4b7eb09618bf9ac02fd394b7d272d71f
Author: Kamil Gabryjelski <ka...@gmail.com>
AuthorDate: Thu Feb 1 18:27:22 2024 +0100
fix(plugin-chart-table): Prevent misalignment of totals and headers when scrollbar is visible (#26964)
(cherry picked from commit e6d2fb6fdfa4d741de16b322bdc4bd01fb559413)
---
.../plugins/plugin-chart-table/src/DataTable/hooks/useSticky.tsx | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/superset-frontend/plugins/plugin-chart-table/src/DataTable/hooks/useSticky.tsx b/superset-frontend/plugins/plugin-chart-table/src/DataTable/hooks/useSticky.tsx
index 067d071ee1..e154a521f6 100644
--- a/superset-frontend/plugins/plugin-chart-table/src/DataTable/hooks/useSticky.tsx
+++ b/superset-frontend/plugins/plugin-chart-table/src/DataTable/hooks/useSticky.tsx
@@ -226,6 +226,7 @@ function StickyWrap({
height: maxHeight,
overflow: 'auto',
visibility: 'hidden',
+ scrollbarGutter: 'stable',
}}
>
{React.cloneElement(table, {}, theadWithRef, tbody, tfootWithRef)}
@@ -252,6 +253,7 @@ function StickyWrap({
ref={scrollHeaderRef}
style={{
overflow: 'hidden',
+ scrollbarGutter: 'stable',
}}
>
{React.cloneElement(
@@ -270,6 +272,7 @@ function StickyWrap({
ref={scrollFooterRef}
style={{
overflow: 'hidden',
+ scrollbarGutter: 'stable',
}}
>
{React.cloneElement(
@@ -297,6 +300,7 @@ function StickyWrap({
style={{
height: bodyHeight,
overflow: 'auto',
+ scrollbarGutter: 'stable',
}}
onScroll={sticky.hasHorizontalScroll ? onScroll : undefined}
>