html - 使用 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>

这是一个模板代码。我已经尝试过了，这将满足您的要求。