Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/.net/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 固定表标题中的溢出-x出现问题_Javascript_Css - Fatal编程技术网

Javascript 固定表标题中的溢出-x出现问题

Javascript 固定表标题中的溢出-x出现问题,javascript,css,Javascript,Css,我在用CSS和jQuery实现固定的表头时遇到了一些问题,尽管问题实际上只是CSS的问题。想知道是否有人见过我所看到的以及他们做了什么来修复它 首先,代码如下: 有一个外部样式表,所有JS代码都在HTML文件的底部 这段代码不仅被破坏了,而且在IE7、IE8和Mozilla/Webkit中都以一种方式被破坏了。即,总共有三种方式。我希望一旦问题解决,所有的问题都会消失 嗯。因此,如果滚动网页,一旦窗口的scrollTop大于表的top偏移量,则标题行将变为粘滞,因此当用户向下滚动页面时,列标题仍

我在用CSS和jQuery实现固定的表头时遇到了一些问题,尽管问题实际上只是CSS的问题。想知道是否有人见过我所看到的以及他们做了什么来修复它

首先,代码如下:

有一个外部样式表,所有JS代码都在HTML文件的底部

这段代码不仅被破坏了,而且在IE7、IE8和Mozilla/Webkit中都以一种方式被破坏了。即,总共有三种方式。我希望一旦问题解决,所有的问题都会消失

嗯。因此,如果滚动网页,一旦窗口的scrollTop大于表的top偏移量,则标题行将变为粘滞,因此当用户向下滚动页面时,列标题仍然可见。问题是一旦thead被修复,thead元素的overflow-x和text-overflow属性就不再受重视,因此标题列将被吹出,不再与它们下面的内容一致

但您也可以通过简单地将AD设置为position fixed来复制问题。这就好像一旦THAD以固定位置显示,overflow-x:hidden就不再受重视

如果您能帮助我们解释发生了什么,以及如何绕过它,我们将不胜感激

非常感谢


--比尔

把一个div放在所有的th里面,像这样

<th>
 <div style='overflow:auto;width:85px;'>text goes here</div>
</th>

这里有文字
这将防止细胞膨胀


或者你可以去掉th标签上的“white space:nowrap;”属性。

这不是溢出-x问题,我不认为是因为没有遵守宽度。我认为,试图在这样的桌面组件上使用“position:fixed”可能是在玩火。桌子的布局非常复杂,这可能是对机械装置的一个干扰。波蒂说得对。通过应用position fixed,您实际上将
thead
与表的其余部分分离。我最近为另一个类似的问题创建了一个可能(也可能没有)有帮助的方法。因此,由于thead被从常规页面流中删除,th元素的指定宽度不再受到尊重了?谢谢你的回复。抱歉,查理,这确实有效。因此,我想不是动态设置th元素的宽度,而是设置子div的宽度。非常感谢您在这里的帮助。另外,我是一个非常新的用户,无法升级您的解决方案。如果可以的话,我会的,先生。