Style issue with DynamicDataGrid

0
Hi, I'm using the DynamicDataGrid: https://marketplace.mendix.com/link/component/216495 This works completely fine in normal blank app. But I have a extra style module with custom UI, that is destroying the dynamic DataGrid. Normaly it looks like this: But with the custom styling it's all writen under each other: Anyone knows how i could maybe fix this?
asked
1 answers
0

Your custom UI module is applying global CSS overrides (like display: block, flex-direction: column, or width: 100%) that break the DynamicDataGrid’s internal layout, causing columns to stack vertically.

Fix:

  • Scope your custom styles (don’t apply them globally)

  • Or reset styles for the grid: 

.dynamic-datagrid table

{ display: table; }

.dynamic-datagrid tr

{ display: table-row; }

.dynamic-datagrid td, 

.dynamic-datagrid th

{ display: table-cell; }

answered