When inspecting the first example you are putting a table inside the original table (#container). Changing your #container from a table to a div seems to resolve the issue: https://codepen.io/anon/pen/wYJGWq
Why responsive doesn't invoke on the table inside another table I don't know. Is this what you were intending?
Answers
The table is very thin, it won't shrink the width responsively if it all fits into the container space.
Then how come this works? https://codepen.io/TheAschr/pen/ePvJwL
BTW I have been resizing the window to test it.
When inspecting the first example you are putting a table inside the original table (
#container
). Changing your#container
from atable
to adiv
seems to resolve the issue:https://codepen.io/anon/pen/wYJGWq
Why responsive doesn't invoke on the table inside another table I don't know. Is this what you were intending?
Kevin