Wygląda to mniej więcej tak. U góry div z nagłówkami, pod spodem z resztą danych.
Problem jest tego typu,ze chciałbym aby podobnie jak w excelu div z nagłówkami był zawsze na wierzchu przy skrollowaniu pionowym,żeby widzieć która kolumna do czego (tu by sprawę załatwiło position:fixed;) jednak przy skrollowaniu poziomym powinien on się przesuwać razem z całą resztą, bo inaczej nagłówki kolumn nie będą się zgadzać.
Szukam i szukam i nie mogę nic znależć na ten temat, a może w ogóle nie wiem czego szukać.
Kod jest bardzo prosty, jezeli ktoś potrzebuje to zamieszczam. Div "over" to div ze skrollem , w którym się przewija div "manage". W divie manage div z nagłówkami "tr" a pod nim wiersze z pozostałymi danymi.
Kod
<div id="over">
<div class="manage">
<div class="tr" style="width:2950px;">
<div class="num" style="background-color: #F63;color:#fff;">No.</div><div class="driver_n">Drivers</div>
<div class="cell_n" style="background-color:#C90">w52</div>
{section start=0 step=1 name=drv loop=52}
<div class="cell_n">w{$smarty.section.drv.rownum}</div>
{/section}
<div class="cell_n" style="background-color:#C90">w1</div>
<div class="clearing"></div>
</div>
<div class="clearing"></div>
{section start=0 step=1 name=drv loop=$drv}
<div style="width:2950px;">
<div class="num">{$smarty.section.drv.rownum}</div><div {if $smarty.section.drv.rownum%2==0}class="driver_h"{else}class="driver"{/if}>{$drv[drv].name|stripslashes}</div>
<div class="cell">1</div>
{section start=0 step=1 name=drv2 loop=52}
<div class="cell">1</div>
{/section}
<div class="cell">1</div>
<div class="clearing"></div>
</div>
{/section}
</div>
</div>
<div class="manage">
<div class="tr" style="width:2950px;">
<div class="num" style="background-color: #F63;color:#fff;">No.</div><div class="driver_n">Drivers</div>
<div class="cell_n" style="background-color:#C90">w52</div>
{section start=0 step=1 name=drv loop=52}
<div class="cell_n">w{$smarty.section.drv.rownum}</div>
{/section}
<div class="cell_n" style="background-color:#C90">w1</div>
<div class="clearing"></div>
</div>
<div class="clearing"></div>
{section start=0 step=1 name=drv loop=$drv}
<div style="width:2950px;">
<div class="num">{$smarty.section.drv.rownum}</div><div {if $smarty.section.drv.rownum%2==0}class="driver_h"{else}class="driver"{/if}>{$drv[drv].name|stripslashes}</div>
<div class="cell">1</div>
{section start=0 step=1 name=drv2 loop=52}
<div class="cell">1</div>
{/section}
<div class="cell">1</div>
<div class="clearing"></div>
</div>
{/section}
</div>
</div>
