Bug: Table Auto Column Width Only Fits Header, Not Data

đź’¬ App Building
,
1

  1. My goal:
    To have table columns automatically adjust their width to fit both the column header and the full content of the cells — so that nothing gets cut off or hidden.

  2. Issue:
    The “automatic column width” feature does not do what it says. It only ensures the header text fits, but almost always cuts off the actual data in the column. This defeats the entire purpose of the feature. It’s been like this for over a year and still hasn’t been fixed.

  3. Steps I've taken to troubleshoot:

  • Enabled/disabled the automatic column width setting
  • Tried across different tables and datasets
  • Looked for workarounds or related forum posts
  • No success — issue is consistent and reproducible
  1. Additional info:
    My current workaround is literally having to zoom out of the page to 50–70% just to see full cell values — which is ridiculous.
3

Hi @JasperCreationss, thank you so much for your detailed report and for outlining the steps you've already taken. You're absolutely right: the Table component’s “automatic column width” feature isn’t working as expected, and the labeling could definitely be clearer.

In the meantime, please try unchecking the “automatic column width” setting and adjusting the table width manually. While there isn’t an official fix available yet, if some cell data is too large and causing layout issues, you can keep columns narrow and display larger content in a separate component. Here are a couple of workarounds that might help:

  1. Expandable Rows: Use the table’s expandable row feature to display additional content for each row. Expand rows with additional content
  2. Modals or Side Drawers: For displaying longer text, you can open a modal or drawer from a button or cell click. Using drawers / Using modals

Thanks again for flagging this, we really appreciate the thoughtful feedback! :pray:

1 Like