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>

我想在 tbody 中有更多行时，将第1行和第2行贴在页面顶部，我正在使用以下脚本，

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是单独的表格元素一样）

我希望 td 能够在整个过程中得到修复。如何解决这个问题？：（

提前致谢。

Answer 1

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

如果您需要定位，请使用其他元素。 TD无法定位。

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

1 个答案: