We’ve improved how long content is handled in datagrid!
Before, long content in cells could get truncated, and inline editing was limited to a single-line input.
Now, you have more control over how it’s displayed and edited.
• Cells scroll horizontally by default when content exceeds the column width:
• You can enable a Wrap option per column to display content on multiple lines instead of a single line:
• When wrapping is enabled, you can set a maximum height for the cell and enable vertical scrolling:
• Wrapped text fields open in a multi-line textarea during inline editing, making longer content easier to edit:
• You can also adjust how content is displayed inside each cell with new settings for line height (spacing between lines), padding (inner spacing), and vertical alignment (top, center, bottom).
Perfect for fields such as descriptions, comments, or any input where users need to read and edit longer content directly inside the datagrid!
That’s all for this release! As always, let us know what you think
Why did this update effect my existing datagrids in the editor? I’m seeing the horizontal scroll on columns but the wrap configuration option is not showing. I need to push an update to production for another issue I’ve fixed, but I can’t have my datagrids looking like this. WTF?
So I did create the support ticket, and figured out the workaround in the meantime.
The workaround is to use min-width: auto on the custom colum div and Custom CSS of overflow-x: hidden !important
Also the datagrid row vertical padding scale was reset, so I had to go through and change those back.
@Raphael until there is branching available, could you guys not directly update the more complex components like datagrid, and instead release a new version and decpracate the existing? Way too much time is put into customizing datagrids to just have things force changed. Yesterday this was a blocker because I had in-flight updates I needed to publish but first had to go through and fix all the datagrids to prevent the UX changes.
When you mention making the “old format easier to follow,” could you clarify what specifically felt difficult?
Also, was it the change itself that felt disruptive, or are there particular parts of the new format that aren’t working well for you? That’ll help us understand how to improve things.
Currently, I can’t reproduce the truncated text effect again. I want the text to be cut off, and the user to be able to manually expand the column width if they want to see the content. My datagrids are ugly and confusing with multiple scroll bars.
Perfect for fields such as descriptions, comments, or any input where users need to read and edit longer content directly inside the datagrid!
