Currently facing an issue with a webpage under development. To provide some context, here is the basic layout of the problematic section:
- The page features a form where users can select from four checkboxes and a dropdown menu. Once at least one checkbox is selected and a choice is made from the dropdown menu, a jQuery function triggers a "popup window" - essentially an iframe that starts off hidden but becomes visible when the input is valid. This functionality is functioning correctly.
- Within this iframe, there is an interactive table where the rows are dynamically generated based on user input from the form. It is this particular table that presents a challenge.
The objective is to set a maximum height for the table. Essentially, I am looking to have the table's rows displayed normally until it reaches a specific height limit. Beyond that point, I would like the table to become scrollable, similar to how a textarea works when filled with enough text - maintaining its overall size while allowing scrolling through the content.
I am open to suggestions provided they involve HTML, CSS, PHP, JavaScript, and/or jQuery only. Feel free to seek clarifications if needed, as articulating these requirements was a bit complex. Your assistance in resolving this issue is greatly appreciated.