通常のHtmlテーブルをflexigridのようにするにはどうすればいいですか？

Question

通常のhtmlテーブルをフレキシグリッドのように変換する方法を知りたい。フレキシグリッドのようなテーブルのヘッダーのスクロールを避けることは可能ですか？

Answer 1

ヘッドをCSSで固定することは可能です。常に上に表示されます。

<table> 
<thead style="position:fixed; top:0px; z-index:42; background:#fff;"> 
    <tr> 
    <th>head cell a</th> 
    <th>head cell b</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
    <td>1a</td> 
    <td>1b</td> 
    </tr> 
    <tr> 
    <td>2a</td> 
    <td>2b</td> 
    </tr> 
    <!-- ... --> 
</tbody> 
</table>