冻结html表中的多个列

时间:2014-05-20 17:14:15

标签: jquery html css

我有一张桌子,我的目标是能够冻结我桌子的前3列。这包括thead th colspan = 3属性。

表格如下:

|----colspan: 3------|--------------colspan: n----------------------|
|------|––----|------|--------------n columns-----------------------|

我已经看到了一些修复第一列的回复,但没有令人满意的解决方案来修复前两列,或者更常见的是修复前n列,当涉及到colspan时更是如此。

可以在纯html / css中完成吗?我需要使用嵌套表吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

也许您需要使用colspan=""rowspan=""

你知道这样的意思吗?

<table width="700" border="2" margin="auto" align="center" cellspacing="3" cellpadding="10"> 
  <tbody align="center"> 
    <tr> 
      <th colspan="4">Are you meaning something like this?</th> 
    </tr> 
    <tr> 
      <td rowspan="5" valign="top">123<br>1<br>2<br>3<br>4<br></td>
      <td colspan="3" rowspan="1">123456789<br>1<br>2<br>3<br></td>
    </tr> 
    <tr> 
      <td>123</td> 
      <td>123</td> 
      <td>123</td> 
    </tr> 
  </tbody> 
</table>


DEMO Here