A responsive table will display a horizontal scroll bar if the screen is too small to display the full content. Resize the browser window to see the effect:

To create a responsive table, add a container element (like div) with overflow-x:auto around the table element:

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

Responsive Table