We display categorized lists of nonprofits on our website using published reports displayed in iframes. Most reports have a single column and display properly. There are a few reports that are 3 columns (Nonprofit name, category, subcategory). On the website they display with a scroll bar at the bottom. The total width of each report is 1277 px with the last column being 511 px, most of that is dead space. I can adjust the first 2 columns using the sliders so the data fits and there is no wasted space, but not the 3rd. Is there a way to set the total width of the report to be less than 1277? See the first 2 attached images.

I believe this also causes problems on mobile devices. When viewed on a phone you can scroll up, down, left, right and diagonally with your finger. I suppose there is no getting around that with the screen size on a phone but there is some weird behavior. If you start by viewing the report with the phone in the vertical position you can view half of the report then have to finger scroll left to view the right half. When you turn the phone to the horizontal position you see the left side of the report and the right half is blank. The viewing width horizontally is the same as the viewing width vertically. It fixes itself if you refresh the page in he horizontal position.

In the iframe the width is set to 100%.  See last 2 attached images.