I am attempting to design a table with 4 columns and a minimum of 12 rows while utilizing overflow-y:scroll. The webpage is completely responsive. I understand that in order to incorporate a scrollbar into the table, I must specify display: block for both thead and tbody. However, I am encountering an issue where I cannot get my rows to have a width of 100%. I have spent several hours trying to adjust my code without finding a solution. You can view the code on the following jsfiddle link:
https://jsfiddle.net/kuau4ace/ ` I am only using HTML and CSS for this project.
Any assistance would be greatly appreciated!
<table>