css - 具有固定标题和列的表格 - IE8 优化

Question

我创建的布局如下所示:

它是这样工作的:

如您所见，标题是固定的但可滚动，1 列的行为相同。

这是此演示的代码: http://jsfiddle.net/Misiu/9j5Xy/7/

一切正常，但仅在 FF 上，在 IE8 上我有 2 个问题:

• 在 FF 中，我在 head 和 row div 中有边框(在它们的表格内)，但是IE8 削减底部边框。

更新:边框错误已修复(变通方法)- 我已将额外的边框添加到 head、col 和 row div。 http://jsfiddle.net/Misiu/9j5Xy/12/

• 第二个问题是滚动功能——在 FF 上一切正常，但 IE8 总是有问题。当我单击包装 div 内部并使用箭头滚动我的表格 div 时，FF 工作正常，但 IE 有时会随机滚动或返回顶部(尝试随机按箭头)。它应该一次只允许一个 Action 。

---

有人可以帮我在 IE 中修复这个问题并优化代码和 css 吗？

---

我不想使用任何插件，例如 DataTables。在我的例子中，在服务器上生成 4 个表比在客户端调用插件更好 - 对于非常大的表，在旧电脑上用 FixedColumn 运行 DataTables 需要将近 3 分钟。

Answer 1

您可能想看看像 Bootstrap 这样的框架或类似的。响应式/流畅的布局开箱即用。