固定列标题使用div中的2个表

Question

我动态地将2个表（标题和数据）加载到div中。我希望标题表在数据行可滚动时保持固定。

我需要在这些表中设置什么才能完成此任务？

或者有更好的方法吗？

Answer 1

更好的方法是使用jQuery插件jquery.fixheadertable.js 或者，您可以创建一个包含一行仅包含标题的表，即<th>，另一行包含仅具有数据的行，即<td>

    <table cellspacing="1" cellpadding="5">
        <tr>
            <th width="140">Heading 1</th>  
            <th width="140">Heading 2</th>
            <th width="140">Heading 3</th>
        </tr>
</table>
<table cellspacing="1" cellpadding="5">
    <tr>
        <th width="140"></th>   
        <th width="140"></th>
        <th width="140"></th>
    </tr>
    <tr>
        <td>Data 1</td> 
        <td>Data 2</td>
        <td>Data 3</td>
    </tr>
</table>

这是一个模板代码。 我试过这个，这将解决你的要求。