JS/CSS - 保持TD元素的宽度

Question

我有一些东西一样

<table> 
    <thead> 
    <tr class="class1"><td>Col 11</td><td>Col 12</td><td>Col 13</td></tr> //Row 1 
    <tr class="class2"><td>Col 21</td><td>Col 22</td><td>Col 23</td></tr> //Row 2 
    </thead> 
    <tbody> 
    <tr><td>D 11</td><td>D 12</td><td>D 13</td></tr> 
    <tr><td>D 21</td><td>D 22</td><td>D 23</td></tr> 
    . 
    . 
    <tr><td>D n1</td><td>D n2</td><td>D n3</td></tr> 
    </tbody> 
</table> 

我要让行1和第2行粘到页面的顶部时，有在TBODY更多的行对此我用下面的脚本做，

var c1 = $(".class1"); 
var c2 = $(".class2"); 
if(st > 315) { 

    c1.css({ 
     position: "fixed", 
     top: "110px" 
    }); 
    c2.css({ 
     position: "fixed", 
     top: "145px" 
    }); 
} 
else { 
    c1.css({ 
     position: "", 
     top: "", 

    }); 

    c2.css({ 
     position: "", 
     top: "", 

    }); 
} 

当两行得到位置：固定的tboby内容得到收缩（好像THEAD和TBODY是九月arate table elements）

我希望td可以通过这个过程得到解决。 如何解决这个问题？ :(

在此先感谢。

Answer 1

<td with="100px">...</td> 

如果需要位置固定，使用其他元素。TD不能是固定的位置。