HTML Table

HTML

<table id="codexpl">
    <tr>
        <th>#</th>
        <th>Columna</th>
        <th>Relative</th>
        <th>Isso</th>
    </tr>
    <tr>
        <td>1</td>
        <td>This</td>
        <td>Column</td>
        <td>Is</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Coloumn</td>
        <td>two</td>
        <td>this</td>
    </tr>
    <tr>
        <td>3</td>
        <td>is</td>
        <td>not equals</td>
        <td>a</td>
    </tr>
    <tr>
        <td>4</td>
        <td>the</td>
        <td>Column</td>
        <td>real</td>
    </tr>
    <tr>
        <td>5</td>
        <td>first</td>
        <td>One</td>
        <td>Coloumn</td>
    </tr>
</table>Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />Texto para scroll....
<br />

CSS

#codexpl th, #codexpl td {
    padding:0.8em;
    border: 1px solid;
    background-color: #ccf;
}
#codexpl th {
    background-color:#6699FF;
    font-weight:bold;
}

JavaScript

var posicoes = $('tr > th:first-of-type, tr > td:first-of-type').map(function () {
    return $(this).position()
});
var largura = $('tr > td:first').outerWidth();
$('table').css('margin-left', largura);
$('tr > th:first-of-type, tr > td:first-of-type').each(function (i) {
    this.style.position = 'fixed';
    this.style.left = posicoes[i].left;
    this.style.top = posicoes[i].top;
});