Remove trailing whitespace from table headers

Sam shared this question 2 years ago
Answered

I have an embedded table and would like to minimize how much readers have to scroll horizontally to view it. A lot of the table space is going to trailing whitespace at the end of column headers, see for instance the column here "Sum of PFOS and PFOA":

/115b868540f52b9b032917940276ec62

Do you have advice on how to fit this table into less horizontal space? I have tried everything I see on the Design -> Table Formatting and Column Formatting page.

Replies (2)

photo
1

The issue is even more pronounced when I replace "Not Detected" with "ND":

/b856a71fb00e69387b9a89d3582fa9c0

photo
1

Thanks Simon. Maybe I was thinking about the wrong aspect of this. Once I unlocked headers my columns look nice and narrow and don't cause a horizontal scroll bar in the embed. I now see that I'm getting that trailing whitespace in column names (and unnecessary column width) as a result of the embedded table stretching wide to fill the entire width of the browser. Maybe that's just responsive design at work.

That's not a big deal, I don't need to restrict the total table width to some minimum width, so I think I'm set and this can be closed.

Thanks,

Sam

Leave a Comment
 
Attach a file