I've tried everything I could based on forum answers from the past.

I have a table with 31 columns.  I want to scroll horizontally while not resizing the columns based on screen size.  Right now it "squishes" the columns quite a bit even though I have specified the column widths using px sizes for every column.

I tried setting the container with the table in it to scrollable_wrapper:

.Scrollable_Wrapper {    

overflow-x: scroll;    

overflow-y: hidden;    

width: 800px;    

white-space:nowrap;    

max-width: 1500;}

I had no success with this at all. No matter what I did, no scroll bars.

So I enclosed the container in a ScrollableArea widget and set its width to 1500px. I'm getting the scroll bar, but all the columns are compressed to the point of not being usable.

I want to set the widths of the columns and for them not to dynamically change.

Here is what it looks like now.

I'm befuddled.