Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.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 对于具有固定表格标题的整个表格,应显示滚动条_Javascript_Html_Css - Fatal编程技术网

Javascript 对于具有固定表格标题的整个表格,应显示滚动条

Javascript 对于具有固定表格标题的整个表格,应显示滚动条,javascript,html,css,Javascript,Html,Css,我有一个带滚动条的表格,它适用于tbody。它工作得很好。 我需要的是,我需要适用于整个表格的滚动条,且表格标题应固定在该位置 我有工作样品。请检查一下电话号码 我希望在滚动时,表格ui应该看起来像固定在位置上的表格标题。这是一种针对您所要求内容的黑客攻击方法。请验证这是否是您期望的输出 .集装箱{ 溢出:自动; 高度:100px; } .固定头{ 宽度:100%; 表布局:固定; 边界塌陷:塌陷; 位置:相对位置; } .固定式头部车身{ 显示:块; 宽度:100%; 填充顶部:30px;/

我有一个带滚动条的表格,它适用于tbody。它工作得很好。 我需要的是,我需要适用于整个表格的滚动条,且表格标题应固定在该位置

我有工作样品。请检查一下电话号码


我希望在滚动时,表格ui应该看起来像固定在位置上的表格标题。

这是一种针对您所要求内容的黑客攻击方法。请验证这是否是您期望的输出

.集装箱{ 溢出:自动; 高度:100px; } .固定头{ 宽度:100%; 表布局:固定; 边界塌陷:塌陷; 位置:相对位置; } .固定式头部车身{ 显示:块; 宽度:100%; 填充顶部:30px;//页眉高度 } .fixed_header thead tr{ 显示:块; } .fixed_header thead{ 背景:黑色; 颜色:fff; position:absolute;//将标题固定在表的顶部 左:0; 右:0; 排名:0; } .固定头th、.固定头td{ 填充物:5px; 文本对齐:左对齐; 宽度:200px; } 第1列 第2列 第3列 第4列 第5列 第1-0行 第1-1行 第1-2行 第1-3行 第1-4行 第2-0行 第2-1行 第2-2行 第2-3行 第2-4行 第3-0行 第3-1行 第3-2行 第3-3行 第3-4行 第4-0行 第4-1行 第4-2行 第4-3行 第4-4行 第5-0行 第5-1行 第5-2行 第5-3行 第5-4行 第6-0行 第6-1行 第6-2行 第6-3行 第6-4行 第7-0行 第7-1行 第7-2行 第7-3行 第7-4行
我不明白少了什么。少了什么?我不明白,你能提供更多的信息吗?我需要整个桌子的垂直滚动条,并且应该将AD固定在这个位置。现在看,滚动条从tbody开始。嗯,如果我理解正确的话,这两个要求不是相互矛盾吗?现在的情况是,表头是固定的,只有表体滚动,因此滚动条只显示在表体上。所需的视觉效果包括在滚动中的标题,但它仍然必须被修复。我所看到的最简单的解决方案不是使用thead并用固定的div来伪装它,或者使用两个不同的表,一个只有thead,另一个只有tbody。此外,所需的功能与您当前的视觉效果更好,因为只有身体需要滚动。Tbh我非常喜欢您要替换的行为。谢谢您的帮助。