javaScript

给表格添加横向滚动条,然后把表格的前两列锁定不随滚动条滚动而变动??该怎么做?

可以采用两个table的方式,css没有抽取,第一个table只有两列,第二个table是剩下的,看看满足不
[code="java"]


<br> table{<br> border-collapse:collapse;<br> }<br> td{<br> border:solid 1px #f90;<br> height:22px;<br> }<br>




         <tr>
            <td>第一行第一列</td>
            <td>第一行第二列</td>
         </tr>
         <tr>
            <td>第二行第一列</td>
            <td>第二行第二列</td>
         </tr>
      </table>
      </div>
      <div style="overflow-x: scroll;width: 300px;float: left;">
      <table border="0" cellpadding="0" cellspacing="1" style="width:600px;float:left;">

         <tr>
            <td>第一行第三列</td>
            <td>第一行第四列</td>
            <td>第一行第五列</td>
            <td>第一行第六列</td>
            <td>第一行第七列</td>
            <td>第一行第八列</td>
         </tr>
         <tr>
            <td>第二行第三列</td>
            <td>第二行第四列</td>
            <td>第一行第五列</td>
            <td>第一行第六列</td>
            <td>第一行第七列</td>
            <td>第一行第八列</td>
         </tr>
      </table>
      </div>
  </div>


[/code]

只提供个思路。

html的table比较弱,这样的需求

  • 一个table拆分成两个,分左右放。
  • 左边的放前两列,右边的放剩余列。右边的放在个div里,css的overflow-x:scroll。
  • 对齐左右的行高。

比较麻烦。