I had a table that took the entire surrounding div. In order to make it responsive, I wanted to add a horizontal scroll bar. I added the attributes
display: block; overflow-x: auto;
to the table, but it reduced the size of the table. I figured out that it was the display: block; attribute that did that. I tried adding width:100% but it didn't work. Would someone have an idea on how to fix this?
An image of before adding the display block attribute: https://ibb.co/kLCETv
and after: https://ibb.co/dptXFa
Thanks for your time !