Scrollable Table (Html)
How to make a table/image with a scroll bar?
or
How to create a scrollable table?
Explanation
Property :
On most occasions when we face such a requirement, it will be to fit some large viewable content inside a small area.
Follow the simple instructions.
Examples:
Large table inside a scroll view.
Large Image inside a scroll view.
It's simple to do it.
All that is needed is a small part of dhtml code.
<div STYLE=" height: 100px; width: 150px; font-size: 12px; overflow: auto;">
The portion "overflow: auto;" does everything.
To test.
Just copy the below code in a html file and check it.
<div STYLE=" height: 100px; width: 100px; font-size: 12px; overflow: auto;">
<table bgcolor="green">
<tr><td bgcolor="blue">testing </td></tr>
<tr><td>free php scripts;/td></tr>
<tr><td bgcolor="blue">free php scripts</td></tr>
<tr><td>free php scripts</td></tr>
<tr><td bgcolor="blue">free php scripts</td></tr>
</table>
</div>
The out put will be like this
<div STYLE=" height: 120px; width: 100px; font-size: 12px; overflow: auto;">
<table bgcolor="green">
<tr><td bgcolor="#dadada">www.hioxindia.com</td></tr>
<tr><td >maths.hscripts.com</td></tr>
<tr><td bgcolor="#dadada">www.hscripts.com</td></tr>
<tr><td>free php scripts</td></tr>
<tr><td bgcolor="#dadada">www.hiox4u.com</td></tr>
</table> </div>
Result:
www.hioxindia.com |
maths.hscripts.com |
www.hscripts.com |
free php scripts |
www.hiox4u.com |
That's it.....