Table column width

App Building
#1

Hi folks - any suggestion how to set the width according to content rather than flowing the table across the full screen? Probably some CSS magic i don’t know…

#2

Hey @zimmerst85 , you when you set the column widths in editor mode, it should persist in end user mode. Or are you talking about the width of the table component itself?

2 Likes
#3

I think it’s about the width of each column, which it would be nice if it could auto-size itself according to the content of the cells in that column.

#4

Precisely. Right now the “table” element will just auto-adjust the width of the columns to be basically the same for all of them. However, what if have a case like this:
Date | Unit | Value | Description
Here date, value and unit are really narrow columns whereas Description would benefit from being wider…

#5

Any answers on this?

#6

Hi @rkaplan! We have a feature request on file for this, but currently, we don't have a native way to auto adjust column widths :confused:

In the meantime, if you have columns with longer text blocks, you might want to toggle on "Allow overflow," which formats the column as multiple rows as needed:

2006×1766 356 KB

1 Like
#7

@Tess is there a way to either dynamically set column widths or manually set them on tables?

#8

@Tess - Also interested if column widths can be set now. ie: is the feature request done?

#9

Hi @rcanpolat Thanks for checking in! We don't have a fix yet, but I'll post here when we do :slightly_smiling_face: