Release notes - 🚀 Introducing a More Powerful Datagrid

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.

9 Likes

What a way to start the weekend, thanks!!

2 Likes

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.

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.

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

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.


I also have the same doubt

:sob:

1 Like

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.

3 Likes

Whoa! Thank you! :smiling_face_with_sunglasses:

It’s a great time to be a developer.

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)

That’s awesome thanks!

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!

1 Like

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?

2 Likes

Can I have multiple rows within one row?

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

2 Likes

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.

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

custom css will do this

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

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.

2 Likes