<div id="one" style="width:100px; height:200px; overflow-x:scroll; overflow-y:hidden;">
    <table id="tab1">
        contains 3 columns and 50 rows
    </table>
</div>

<div id="two" style="width:845px; height:200px; overflow-x:auto; overflow-y:auto;">
    <table id="tab2">
        contains 12 columns and 50 rows
    </table>
</div>

$("#two").scroll(function(){
    $('#one').scrollTop($('#two').scrollTop());
});