Loading lesson path
Overview
A responsive table will display a horizontal scrollbar if the screen is too small to display the full content. Resize the browser window to see the effect:
50 50 50 50 50 50 50 50 50 50 50 50
94 94 94 94 94 94 94 94 94 94 94 94
67 67 67 67 67 67 67 67 67 67 67 67
Formula
Wrap the < table > element in a < div > container.
Set the overflow - x property to auto for the < div > element:Example div.tablecontainer {
overflow-x: auto;
}In OS X Lion (on Mac), scrollbars are hidden by default and are only shown when being used (even though "overflow:scroll" is set).