Table column width feature request

Continuing the discussion from Table column width:

Any news on this feature request?


+1. This is really important to reduce the complexity of apps and provide modern behaviors. Is there no way to do this in CSS?

I'm using retool now for several days and I'm really happy with it. But this supposed little thing is annoying. I've built a complex dashboard but need to adjust dozens of columns after every reload, as the auto adjustment is not perfect in many cases (e.g. a tiny table with 2 columns... even if there is enough space the content of the second column is partly hidden).

Please provide a way to do this, even a "dirty hack" would be better than to have no possibility at all.

Hi everyone,

I was able to figure out a way to enable the autoColumnWidth flag for the new table component, wanted to share it here in case anyone else would benefit from this until it's generally available in the editor UI.

  1. Export your app using the Export to ToolScript ZIP option
  2. Extract the contents of the .ZIP file you just downloaded
  3. Open the main.rsx file using a text editor like NotePad++
  4. Your table component will be formatted like "<Table ...", you can also search for it by ID (ex: "table1" or "table2")
  5. Add the following line as a property within this component: autoColumnWidth={true}
  6. If done correctly, it should look something like this:
  1. Save your changes to the main.rsx file
  2. Re-zip the folder
  3. Upload the .zip file using the Import app from JSON/ZIP option
  4. Confirm that it worked by inspecting the table component in the State viewer, it should have the autoColumnWidth property visible as true

Screenshot 2023-11-11 164512

1 Like

Auto column width should be available on Cloud without any extra configuration :blush:

You can go to Appearance->Advanced to enable it on your table:

We're still working on a feature for user defined, persistent table column widths

1 Like

When might this feature be available for us self-hosted types?