Javascript Table Scroll Bar

To provide a table scroll bar in a web page which looks like

 

 

Use the underline code:

 

<style type="text/css">

<!--

.style2 {color: #000000}

-->

</style>

<div style="overflow:auto; height:100px;">

<table cellspacing="0" cellpadding="0" width="100%" >

        <thead>

                <tr  bgcolor="#cccccc" style="

                position:relative; top:expression(this.offsetParent.scrollTop);" >

                        <th nowrap><span class="style2">Header A</span></th>

                        <th nowrap><span class="style2">Header B</span></th>

                        <th nowrap><span class="style2">Header C</span></th>

                </tr>

        </thead>

        <tbody>

                <tr  style="border:1px solid #cccccc; "><td>aaaaaaaaaaaaaaaaaaa</td><td>b</td><td>ccccccccccccccccccc</td></tr>

                <tr><td>a</td><td>bbbbbbb</td><td>c</td></tr>

                <tr><td>a</td><td>b</td><td>c</td></tr>

                <tr><td>a</td><td>b</td><td>c</td></tr>

                <tr><td>a</td><td>b</td><td>c</td></tr>

                <tr><td>a</td><td>b</td><td>c</td></tr>

                <tr><td>a</td><td>b</td><td>c</td></tr>

                <tr><td>a</td><td>b</td><td>c</td></tr>

                <tr><td>a</td><td>b</td><td>c</td></tr>

                <tr><td>a</td><td>b</td><td>c</td></tr>

                <tr><td>a</td><td>b</td><td>c</td></tr>

                <tr><td>a</td><td>b</td><td>c</td></tr>

        </tbody>

</table>

</div>