Fixed column and fixed header and scrolling text using css?

Question

Hi,

I want to make a fixed column and fixed header on a table with the rest as scrolling text by using CSS.

But not using jQuery, just simple CSS and JavaScript

just like xls Thanks

Answer 1

there you go::

this in styleSheet::

.box{
position:fixed;
}

    .bb { 
    position:absolute; 
    left:0px; 
    background-color:#AEC5EF; 
    width:200px; 
    height:200px; 
    } 

    .tt { 
  position:fixed; 
    left:200px; 
    background-color:#D4DDEF; 
    width:300px; 
    height:200px; 
    } 

HTML:

<table>
    <tr class="box"> 
        <td class="bb">  </td>
        <td class="tt">main text</td>
    </tr>
</table>

take it or leave it ....^_^

Answer 2

but it is not working in Mozilla..