From adb9ea608ff6c3d2ee40321e94baf3538056bb48 Mon Sep 17 00:00:00 2001 From: gjulivan Date: Wed, 2 Jul 2025 09:54:41 +0200 Subject: [PATCH 1/2] fix: datagrid styling --- packages/modules/data-widgets/CHANGELOG.md | 5 +++++ .../src/themesource/datawidgets/web/_datagrid.scss | 8 +++++++- 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/packages/modules/data-widgets/CHANGELOG.md b/packages/modules/data-widgets/CHANGELOG.md index 70cc24156a..4f30a375e7 100644 --- a/packages/modules/data-widgets/CHANGELOG.md +++ b/packages/modules/data-widgets/CHANGELOG.md @@ -6,6 +6,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), ## [Unreleased] +### Fixed + +- We fixed an issue where datagrid styling being overwritten by table styling from atlas core. +- We fixed an issue where horizontal scrolling failed to show if width is too big. + ## [3.0.2] DataWidgets - 2025-07-10 ### [3.0.2] DatagridDropdownFilter diff --git a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss index c40d78d6ed..c2ac9cb950 100644 --- a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss +++ b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss @@ -410,7 +410,13 @@ $root: ".widget-datagrid"; position: relative; &-grid { - display: grid !important; + &.table { + display: grid !important; + } + } + + &-content { + overflow-x: auto; } &-grid-head { From 5da4c4a1062b4e2156463ab8bfd47f3551e22df0 Mon Sep 17 00:00:00 2001 From: gjulivan Date: Thu, 17 Jul 2025 10:33:36 +0200 Subject: [PATCH 2/2] fix: set minimum width to fill up content on datagrid --- .../data-widgets/src/themesource/datawidgets/web/_datagrid.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss index c2ac9cb950..97862e6821 100644 --- a/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss +++ b/packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid.scss @@ -412,6 +412,7 @@ $root: ".widget-datagrid"; &-grid { &.table { display: grid !important; + min-width: fit-content; } }