html - 两个表本应显示为一个用于固定标题滚动——固定列宽问题

标签 html css fixed-width fixed-header-tables

这个概念看起来很简单:我试图通过将标题划分到表 A 中并将实际数据划分到表 B 中来实现固定标题滚动。通过为列提供精确匹配的固定宽度,它们应该显示为一个表格。

但是,根据列数,任何浏览器都会出现奇怪的渲染问题,计算列宽会短 1 或 2 个像素或过长,从而导致表格显示为未对齐。

问题:我遗漏了什么导致了这些差一/二像素渲染问题?如果可以,我可以使用这种方法保证宽度吗?

我将代码放在 jsfiddle 中以便于编辑:

http://jsfiddle.net/hwm6q/4/

编辑:

请注意,该修复程序必须在将其应用于制作网格控件的范围内工作(它不能只是针对我发布的示例的 hack 修复程序)。

最佳答案

不确定这是否有效......并且未经测试......但是如果你给了怎么办

.PseudoGrid.SGrid

设定的宽度?

我已经更新了 fiddle :http://jsfiddle.net/hwm6q/5/

关于html - 两个表本应显示为一个用于固定标题滚动——固定列宽问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7465803/

相关文章:

javascript - 我可以使用 insertAdjacentHTML 添加一长串 html 标签和文本吗?

javascript - Bootstrap Alert 的干净示例

c# - 带 FileHelpers 的条件记录类型

xml - 为什么固定宽度的文件格式仍在使用?

javascript - 在悬停时旋转 Font Awesome 图标

javascript - 使用 paperjs 翻译 Canvas 中的坐标系

javascript - 点击被忽略 : Issue with label elements to associate with form controls

html - 根据父级的宽度,让 n 个子级具有相等的宽度

html - 使 <li> 元素展开以填充父容器

C#,读取固定宽度的记录,一个文件中的不同记录类型