Responsive Table

If you have a table that is too wide, you can add a container element with overflow-x:auto around the table, and it will display a horizontal scroll bar when needed.

Resize the browser window to see the effect. Try to remove the div element and see what happens to the table.

First Name Last Name Points Point Points Points Points Points Points Points Points Points
Jill Smith 100 50 50 50 50 50 50 50 50 50
Eve Jackson 94 32 94 94 94 94 94 94 94 94
Adam Johnson 67 67 67 67 67 67 67 67 67 67