Currently, I am utilizing Semantic UI for my CSS framework. Take a look at this fiddle that I have been tinkering with.
Despite scouring the internet for solutions, I am encountering issues with the existing answers available. A common problem seems to be excessive whitespace appearing on the right side of the page.
My goal is to seamlessly integrate this solution with the semantic UI CSS to create a visually appealing layout without any unwanted extra space, but so far, my efforts have been fruitless even after spending significant time on it.
If this compatibility only works with modern browsers, it's acceptable as I plan to use electron anyway.
The following CSS snippet appears necessary, but I am unsure how to adjust it properly to align with my current setup:
tbody, thead tr { display: block; }
tbody {
height: 100px;
overflow-y: auto;
overflow-x: hidden;
}