Horizonatal scrolling

0
Hi Experts, I need your input in adding horizontal scrolling if I have large number of columns in data grid. Right now I have more than 25 columns in datagrid, so it creates a weird structure where columns names are not visible.  I want to have a horizonal scrolling so that my  column names are visible fully and user can horizontally scroll the pages so that other columns are also visible.
asked
2 answers
0

Hey Harsh,

If your Data Grid has too many columns and headers aren’t fully visible, you can wrap the grid in a container with overflow-x:auto to enable horizontal scrolling. On Mendix 10+, using the Data Grid 2.0 (Advanced) widget is even easier, as it supports scrolling and column resizing out of the box—just set column widths or min-widths.

Alternatively, a quick CSS fix is to set table-layout: fixed and a min-width for the table, then wrap it in a scrollable container. Combining min-widths with a scrollable container usually gives the best user experience.

 

Regards

Reemali

answered
0

Hello :)

 

.overflow-visible {

  .table .th .column-header span {

    display: flex;

    flex-grow: 1;

    overflow: visible;

  }

}

 

Try adding this class on your datagrid 

 

image.png

answered