fix: datagrid styling

Author: gjulivan

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.1] DataWidgets - 2025-07-01
 
 ### [3.0.1] Gallery

packages/modules/data-widgets/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@mendix/data-widgets",
     "moduleName": "Data Widgets",
-    "version": "3.0.1",
+    "version": "3.0.2",
     "copyright": "© Mendix Technology BV 2025. All rights reserved.",
     "license": "Apache-2.0",
     "private": true,

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 {