How to fix each column width in a table

+1

I found a temp hack which kind of resolves the issues untill we have an official one. This worked in my usecase, so sharing it for anyone in need.

I added this in css in App Settings > Custom CSS (replace the table name with yours)

[data-testid="RetoolGrid:tableNameGoesHere"] [data-testid="TableWrapper::ScrollableContainer"] [role="rowheader"] [data-testid^="HeaderResizer"] {
    display: none !important;
}
2 Likes

+1

+1

+1

Important note - please add options for (it's been asked before in the thread):

  • Fixed width (in px)
  • Set percentage
  • "Fit to fill" (or something similar, like full expand)
  • a great upgrade would be "width in characters", to cut off the tail and show (...)
2 Likes

+1

This post is almost two years old. Has saving column widths been fully addressed yet? It's a pain for our users to set up their view how they like it only to lose the column widths...

1 Like

Exactly! Its been 2 years and still not resolution, this is sad :frowning:

+1

+1

+1

+1

The "auto-column-width mode" is helpful but does not quite solve this problem because it is not dynamic, rather it jams all of the columns into the component size based on the user's display.

For example, if I enable "expand content to fit" for the container surrounding my table, then instead of legible columns which I can view by scrolling left to right, the columns will be too very tight, if my display is not large enough for the automatic widths that the table has chosen.

The attached screenshot illustrates the issue; my context is a transposed table (time series data) that should be easily readable by the user from left to right (primary key pinned left).

Massive +1. Been struggling with this since day one

+1

1 Like