How to prevent Knack table scroll inside of a scroll

I have a couple Knack tables on pages in my app.

I want to display the entire height of the tables, and not have the scroll bar on the side. 

Right now, on a page, I have the main scroll bar on the right side of the page (normal), then I have a scroll bar on the table. I don't want the table to be scrolling. I want it to show the full table height, no matter how many records are set to be shown at a time.

Is there a way to set this globally, or am I going to have to apply css to every table that I put in my app?

 

Thanks a lot... 

Oops, I noticed this morning that some of our larger tables are flowing off the page on the right without any way to scroll horizontally. So I changed the overflow to auto, and now it's working perfectly. Thanks again, Waylon!

Thank you, Waylon Milner! That worked like a charm! 

Thank you for this 8965441168!!!

that's fabulous! done!! thank you Waylon

Works great, thank you!

I have been dealing with the same issue. I think I figured it out. Apply the following CSS in your builder and it should work. 

 

.kn-table-wrapper {
overflow: visible;
}

.kn-table-wrapper.is-constrained {
max-height: 100%;
}

 

I am using the new theme. You may need different css if you are still using the old theme.

Hi Jason,

I also have a lot of user complaints about what they call " Scroll within a Scroll".

Right now I was able to fix this by going back to the Legacy Design. You can select this under Live app design in the App settings section.

I tried to play with the CSS but couldn't find the correct properties to change, I tried playing with the overflow property without success.