How to use widget

0
Hi, there!   I'd like to fix datagrid2 column. 'Datagrid Fix First Column' widget might help me, but I can't understand how to use it. https://marketplace.mendix.com/link/component/117897   Do you know this widget? Please help me...
asked
1 answers
0

Yes, this widget is used to freeze (fix) the first column of Data Grid 2 while horizontal scrolling.

It works purely via CSS class targeting.

How to use Datagrid Fix First Column widget (step-by-step)

1.Add a CSS class to your Data Grid 2

  • Select your Data Grid 2
  • Go to Common → Class
  • Add a class name, for example:

dg2-fixed-first-col

2.Place the “Datagrid Fix First Column” widget

  • Drag the widget onto the same page
  • It does not go inside the grid
  • It can be placed anywhere on the page

3.Configure the widget

  • In the widget property Class name
  • Enter the same class you gave to the Data Grid 2:

dg2-fixed-first-col

That’s it.

Important notes (very important)

  • The widget does not work without a CSS class
  • The class must be applied to Data Grid 2, not the column
  • Only the first visible column will be fixed
  • Horizontal scrolling must be enabled in the grid

What this widget actually does

It injects CSS that applies position: sticky to the first column of the grid that matches the given class.

That’s why:

  • It needs the class name
  • It works only on Data Grid 2
  • No microflows or JS configuration required

Common mistakes

No class set on Data Grid 2

Class name mismatch

Expecting it to work per column

Placing the widget inside the grid

answered