问题标签 [fixed-header-tables]

我尝试使用此代码 CODE Here修复标题表，但我的真实表 ID 是：

那么如何更改 Javascript 以使用它呢？

我正在使用fixed-table-header.min.js，默认情况下工作正常，而在我的排序（服务器端排序）之后，网格对齐会丢失。我的意思是标题和 tbody 不是内联的。有什么帮助吗？

我在引导表中有数据。随着行数的增加，标题将在垂直滚动时消失。所以我需要用表体垂直滚动来修复引导表的标题。此外，当页面中的列超过时，整个表格的水平滚动。

没有引导程序的参考实现。这是通过使用两个表来实现的。一个用于标题，另一个用于正文。

我有以下与我的原始数据相似的数据。

注意：我没有使用任何col-*-*fortable的td. 因为我的标题列超过 12 个。可能会增加到 15 个。所以我不使用列类。

HTML

Fiddle

Fiddle通过使用原始问题提供的链接。

只要看看上面的小提琴，当有更多的标题时，表格就会被扭曲。

如何在列表视图中修复标题并在 Odoo9 中使用垂直和水平滚动条对行进行排序。

我使用了 web_list_view_sticky 模块并修改如下。

};

我动态创建了一个表，从数据库中填充。想要做的是创建一个固定的标题和一个可滚动的正文。我尝试了css和javascript但没有做任何事情，我认为是因为表是自动创建的。帮助。

这是我的代码：

我在其中添加表格的 div：

还有我的表格 CSS：

这个问题可能是重复的，但我没有得到满足我要求的解决方案。我需要帮助来固定/冻结标题和可滚动 div 元素内的表的几个第一列。数据是动态的，因为 i 列和行可能会增加或减少，具体取决于数据源。目前它有 ~86 行和 ~55 列。列宽是基于数据动态的。

我的 HTML 代码如下所示。

我有一个类似于此https://l-lin.github.io/angular-datatables/#/withFixedHeader的动态角度数据表，表也有水平滚动条。当前修复了不支持滚动的标题数据表插件。知道如何实现吗？

这个问题的主要目的是使表头固定，当我们垂直滚动时，只有元素应该滚动并且表头应该在同一个位置

而且我希望在不手动固定表格标题宽度的情况下完成此操作，因为我的列标题宽度取决于 td 元素。我看到一些问题，其中使用手动固定表格标题的宽度找到了解决方案。

有人可以通过使用相同的 CSS 类名来帮助我解决这个问题吗

下面是我的桌子的演示。

演示表

我用于上表的 CSS

我正在尝试设计一个具有粘性thead和粘性行标题的表格。所以，基本上，所有th元素都必须是粘性的。

我偶然发现了position: stickycss3 属性，它似乎是这项工作的理想人选，尽管许多浏览器还不支持它（这对我来说不是问题）。但是 MDN 文档说：

“位置：粘性”对表格元素的影响与“位置：相对”相同。

考虑到这一点，我构建了一个在 Safari 10.0 中工作的基本示例，即使粘性元素的边界没有保留。

在 Firefox 50.0 中，不显示边框但不显示标题。

所以，我的问题是：如何使用position: sticky. 似乎实施（实施时）不完整，表的支持更少。

如果不可能，我也愿意接受 JavaScript 中的解决方案来实现这一点（但是将 jQuery 添加到我的堆栈中会非常麻烦，因为我的整个应用程序都在响应）。

这是我现在拥有的代码片段。请注意，为了有一些粘性标题，您基本上需要 safari 或 chrome 的 alpha 版本。

我尝试过的资源：

• typanus的一篇很棒的文章
• 位置粘性在thead上，这让我在一些干净的使用方面有了很好的领先优势position: sticky
• position: sticky规范_

我想使用纯 CSS 制作一个带有固定标题、可滚动 tbody 和可变列宽的 HTML 表格。

我做了theadandtbody display: block并添加了固定的列宽th，td除了需要占据整个可用宽度的第一列。

除了滚动条未对齐问题外，一切都运行良好。滚动条将内容向左推某些像素，这在浏览器中是不固定的。

我想知道它是否可以通过一些 CSS 调整来解决？

这是完整的例子：https ://codepen.io/anon/pen/qqVOON/