在html表格中凍結多列

我有一個表格，我的目標是能夠凍結我的表格的前3列。這包括具有colspan = 3屬性的thead th。在html表格中凍結多列

表看起來像這樣：

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

我看到幾個答覆以固定第一列，但沒有令人滿意的解決方案，以固定第一2個或3列，或者更一般地以固定第一n當涉及到colspan時更是如此。

它可以在純html/css中完成嗎？我需要使用嵌套表嗎？

已經謝謝了！

來源

2014-05-20 Nicolas Carteron

一旦我實現了這一點，但我不現在有來源，但我要說更好地與類似數據表等插件去，有這麼多隱藏的複雜性在這不同的瀏覽器。 – redV

也許你需要使用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

來源

2014-05-20 18:29:01 neoDev

感謝您的回覆，但這不是我所需要的。我需要凍結左列，即表格可以水平滾動，但第一列留在原地。 –

在html表格中凍結多列

回答

相關問題