Release notes - 🚀 Introducing a More Powerful Datagrid

Announcements New Releases
1

Hey everyone :waving_hand:

We’ve improved the datagrid and made it even more customizable!

Check out what’s new :backhand_index_pointing_down:

:straight_ruler: Add a custom cell type

Starting today, you can use a custom cell type:

  1. Select a datagrid in the Layout panel.
  2. Navigate to Settings → Column → Type → Custom to add custom cells.
  3. Drag & drop different elements and bind them to the column data.

:pushpin: Pin a column

You can now pin (freeze) columns to the left or right of the datagrid. When you scroll, the pinned column will remain “frozen”.

:light_bulb: Set custom display value

For column types like Auto, you can now define a custom display value instead of just defining the path.
Toggle Custom display value on and use a formula to display values and format data.

:scissors: Customize the dimensions of your columns

Now you can use the Flex property to customize the dimensions of your columns.

Flex property accepts a value between 0 and ∞. It works by dividing the remaining space in the datagrid among all flex columns in proportion to their flex value.

That’s it for this release! As always, let us know your feedback.

2

What a way to start the weekend, thanks!!

3

As an aside, could you share how you made the modal guide when I logged into the editor? I’d like to do the same for my users when I launch new functionality. Looked and functioned perfectly.

4

What’s the status for the on row select action? I was really hoping to see that update this week. I need it for a couple of pages.

5

Can you tell me examples of the use case of the row selection trigger ?

6

This is excellent, thank you.

If I change the cell type to Custom, it says “To select your custom cell, use the Layout view.”

If I have the Layout view selected, I can select the datagrid but cannot select anything individual within the grid. Is this a bug or is there something that I’m missing?

Thanks.

Screenshot 2025-03-21 at 3.15.39 PM
Screenshot 2025-03-21 at 3.15.39 PM652×266 10.9 KB

Screenshot 2025-03-21 at 3.17.47 PM
Screenshot 2025-03-21 at 3.17.47 PM584×1030 28.3 KB

7

I also have the same doubt

8

:sob:

9

Hello everyone,
We’re sorry, there was a typo when we deployed to production. Custom type has just been fixed. Could you please confirm that it works on your end?

@jreinagel, You’ll “on row selected” & “on row deselected” in the triggers. More details here.

10

Whoa! Thank you! :smiling_face_with_sunglasses:

It’s a great time to be a developer.

11

Yes, I can confirm this works.

  1. I changed a column to Type Custom
  2. Switched the left navigation pane to Layout
  3. I renamed the container from “Cell undefined” to “Register user”
  4. Dropped an icon in the container (Phosphor Icon, yay)
  5. Added an action and passed in the selected row data to my modal (again, yay)
12

That’s awesome thanks!

13

Wahoo! I couldn’t use the datagrid for a couple needs, instead using a custom repeated row element…these updates make Datagrid far better. Thank you!

14

I’m loving the new datagrid so far! Amazing work team! One issue I’ve run into is dropdown selectors in custom cells. The menu doesn’t open on top of the rows so it’s not usable unless I make each row super tall. I can do that on click of the dropdown, but that feels less smooth than it should be.

I’ve tried the things I could think of, like changing overflow settings and z-axis, but no luck. Any thoughts?

15

Can I have multiple rows within one row?

16

we are working on a fix now, should be in production this week

17

Great! If I can ask for one more small thing… can you allow us to select the color of the selection checks?
It’s minor, so if it’s not doable or would be more trouble than it’s worth, I get it.

Screenshot 2025-03-24 at 9.21.41 AM
Screenshot 2025-03-24 at 9.21.41 AM188×270 910 Bytes

18

a method to change the component without having to wait for them to change, and using fork mode and changing with artificial intelligence. but as the table is built on top of ag grid, you have to see if it has support for the features you want

19

custom css will do this

20

When you filter the column and use the select all option, it ignores your filter and selects the entire collection.

Captura de tela datagrid 2025-03-24 151100
Captura de tela datagrid 2025-03-24 151100729×395 25.7 KB

It would also be good if we could better edit the filtering part, such as changing the name of the filter type or an option to change the language.