如何实现表格的首行冻结?

Question

不懂!!!
回复内容太短了！

Answer 1

纯CSS实现。^^
<div style="position:relative;">
    <div style="position:absolute;background-color:#999999;">
        <table cellspacing="0" cellpadding="0" border="1">
          <tr>
            <td width="90">内容</td>
            <td width="96">内容</td>
            <td width="90">内容</td>
          </tr>
        </table>
    </div>
    <div style="overflow:auto; overflow-x:hidden; height:200px; width:300px; padding-top:20px; background-color:#CCCCCC;">
        <table cellspacing="0" cellpadding="0" border="1">
          <tr>
            <td width="90">内容</td>
            <td width="96">内容</td>
            <td width="90">内容</td>
          </tr>
          <tr><td>内容</td><td>内容</td><td>内容</td></tr>
          <tr><td>内容</td><td>内容</td><td>内容</td></tr>
          <tr><td>内容</td><td>内容</td><td>内容</td></tr>
          <tr><td>内容</td><td>内容</td><td>内容</td></tr>
          <tr><td>内容</td><td>内容</td><td>内容</td></tr>
          <tr><td>内容</td><td>内容</td><td>内容</td></tr>
          <tr><td>内容</td><td>内容</td><td>内容</td></tr>
          <tr><td>内容</td><td>内容</td><td>内容</td></tr>
          <tr><td>内容</td><td>内容</td><td>内容</td></tr>
          <tr><td>内容</td><td>内容</td><td>内容</td></tr>
        </table>
    </div>
</div>