Help:Wiki University HTML-- Tables - Scrolling

Table scrolling
Look at the extreme right edge of this page. Do you see a vertical scroll bar? The vertical scroll bar enables you to scroll the content this page up or down. Occasionally you may want to insert a very large table that may be too long or too wide or both to see all of it on a page. To make these large tables useful you can create scroll bars which behave just like the one you see on this page.

Scrolling bars
Let pretend that our demonstration table is 900 pixels wide. Here's what it looks like:


 * NOTICE the table expanse way beyond the right edge of the page.

Horizontal scroll bars
  
 * First step is to encase the table between opening closing div tags:
 * Next we add the overflow: scroll" attribute to the beginning div tag.
 * However since the table is so wide, we need to limit the table to the size we want it. Here we add a width attribute, in addition:

Let's add the scrolling and width attribute to the beginning div tag. We will limit the width of the table to 400 pixels: Here is the coding:  <div style=" overflow:  scroll ; width:  400px"