问题标签 [fixed-header-tables]

用于创建具有固定标题的表的最佳 jQuery 插件是什么？它应该是跨浏览器兼容的。我需要它来创建数据网格小部件。

尽管已被多次询问，但尚未找到任何令人满意的解决此特定问题的方法。我找到了一个可能的解决方案，但它需要垂直滚动条移动到屏幕的左侧。不理想，但在我的具体情况下工作正常。请不要评论这是一个坏主意，除非您有满足我其余要求的特定解决方案。

以下是我的问题的具体情况：

• 仅 HTML / CSS - 有很多数据，我发现的 JavaScript 滚动太慢且无响应。只要不是对所有数据行进行操作，Javascript 就可以用于一次性格式化操作。
• 必须能够在标题保持固定时上下滚动行。
• 每列的宽度应该是固定的
• 垂直和水平滚动条应该可见

问题示例：除了一个问题外，该表可以满足我的所有需求 - 如果不水平滚动，则垂直滚动条不可见。

当前解决方案：这解决了我的具体问题，但我认为它并不适用于所有人。有更好的解决方案吗？

所以，我认为这是一个 CSS 问题，但基本上，我提供的 HTML 在响应式布局中包含一个固定的标题表。
代码：http: //jsfiddle.net/JpRQh/10/

有 3 行数据，但在 IE9 中，表格行似乎很高，并且滚动条已被禁用。

我在固定标题表上遵循的示例： http ://www.imaputz.com/cssStuff/bigFourVersion.html 在 IE9 中存在同样的问题。

关于如何解决它的任何想法？

编辑：如果有足够的数据，我保证表格滚动。但例如，我只包括了 3 行。

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

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

问题：我缺少什么导致这些偏离一/二像素的渲染问题？我可以使用这种方法保证宽度，如果可以，如何？

为了便于编辑，我将代码放在了 jsfiddle 中：

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

编辑：

请注意，修复必须在将其应用于制作 Grid 控件的范围内工作（对于我发布的示例，它不能只是一个 hack 修复）。

我在http://dev.driz.co.uk/table.html尝试使用固定的标题表（我在网上看到了很多插件，但我想自己使用 PURELY CSS 来做）

但是我有两个问题：

1. 标题不再拉伸表格的宽度，并且不再与下面的表格行同步。我该如何解决？

2. 我在表格周围和表格单元格周围设置了一个边框，因此现在在某些地方出现了双边框。我怎样才能解决这个问题？因为我需要表格有边框，因为单元格并不总是在屏幕上，也不能依赖于在表格周围提供框。

如果有人可以提供帮助，将不胜感激。

我试过到处寻找，但找不到解决我问题的好方法。我希望创建一个带有固定标题的表格，该表格在滚动表格的其余部分时会保持不变。问题是我还希望它能够在页面窗口调整时对齐。当我调整窗口时，我已经能够获得固定的标题并且能够让列对齐，只是无法让两者一起工作。有没有可以做到这一点的脚本？我尝试过 fixedheadertable jquery、flexigrid、fixed-header-coffee、chromatable 和 floatyhead。这些都不能给我我正在寻找的解决方案。也许我做错了什么，但我有一个使用 theader、tbody 等的传统表格。我想避免将表格分成两个表格，

请帮忙！

我正在尝试将 fixedheader 功能添加到我的数据表中。

我添加了以下语句：new FixedHeader( oTable);

在原始标题之上创建了一个浮动标题。标题具有透明背景，字体和样式与我现有的标题不同。当浮动标题与当前标题重叠时，它看起来很奇怪。

CSS 代码：

我尝试在页面上向下滑动时修复表头。问题出在 IE7 中，thead不是绝对的，而是显示在“正确”的位置。它需要飞过桌子。它在 Firefox 11 中完美运行

我有一个表结构如下：

CSS

jQuery

我有一张桌子，我想修复标题...

到目前为止，我已经根据此链接中的示例完成了以下操作：

但它不起作用...

那么这有什么问题呢？

我希望你以某种方式修改代码使其工作......

CSS 文件：

再一次，我在这个问题上对 IE7 不知所措。

我正在制作一个几乎完全基于 CSS 的固定标题可滚动正文表（水平滚动仍然需要 javascript 才能工作）。它是基于此的修改版本。在我检查过的浏览器中看起来不错：Chrome、Firefox 和 IE8+。但是，在 IE7（可能更低）中，标题行为不端，就像顽皮的害群之马一样，我不知道为什么。

感谢和鼓励任何修复/改进/建议/更改。:
)（我想要一个窗户式的外观）

这是一个现场 jsFiddle

这是Firefox和IE7之间的比较图片