问题标签 [fixed-header-tables]

我一直在尝试冻结我的第一行，但最终我只得到了“Test3”标题。
我使用position: fixed;under table th {}，但没有运气。
有什么建议么？

在 JSFiddle 上查看

很难在标题中详尽地描述我的问题，所以我会尽量在描述中更清楚。<div>我使用和应用 CSS 属性等构建了一个表格，故意display: table避免使用语义方法。<table>一切正常，现在我正在尝试使用position: fixed. 结果是：

不经意间，display: table-cell应用于单元格的其余部分正在引发这种不受欢迎的行为。单元格会自动调整大小以适应新内容，并遵循min-width: 100px我在 CSS 文件中应用的规则。

这里是工作笔的链接：https ://codepen.io/l_core/pen/ZLQEjq

有没有办法使用纯 CSS 方法实现标题和“正文”单元格之间的完美对齐？我可以尝试用 JS 重新计算宽度，但我确信有一种优雅的方法可以实现这一点，我想请教这里的专家如何做到这一点。

代码下方：

HTML

CSS

请查看我在上面发布的笔以获取完整代码。我不确定把它全长贴出来是个好主意。

我有一个具有固定标题的引导表。它工作正常。

当我添加colspan到表中时。表被折叠。

是否有任何其他可能同时实现fixed header和表colspan

提前致谢

演示： 小提琴

CSS

输出 ：

我正在尝试创建一个具有固定标题的表，并且列应该可以调整大小。

但是，每当尝试调整大小时，它并不完全对齐。它在铬中断裂更多。

来自 -具有固定标题的可调整大小的列表

页面加载时 -

但是当尝试调整列大小时 -

Followin是我的页面-

我正在尝试创建一个带有固定标题的表。我已经做了所有的事情，但我的标题没有像全宽一样展开。这是我的代码和演示：

我需要让 tr 适合 100% 的宽度，并且 th/td 覆盖所有可用空间。

我有带有固定标题的设计表，但问题是在较小的设备表体中使用水平滚动但保持固定我的表宽度是百分比值。

这是我的代码：

你能帮我么？

我有一张桌子，其中包括：

1. 第一列是固定的
2. 脚
3. tfoot的水平滚动条
4. 隐藏了tbody的水平滚动条。

小提琴：https ://jsfiddle.net/jbeteta/6sxh3gbk/12/

在这种情况下，当您滚动到右侧时，您会看到固定列的最后一行单元格（背景颜色：红色）变得混乱，因为水平<tbody>滚动条被隐藏了。

我的问题：有没有办法纠正这个问题？

顺便说一句：我不得不隐藏<tbody>水平滚动条，因为它没有与<tfoot>滚动条同步。

非常感谢

编辑：在 Chrome 中是一样的：

我有一个表，其中包含 td 列，其中 contenteditable='true'。如果编辑该字段，该列可能会变宽。我需要有内容的水平和垂直滚动的固定标题表。我尝试了许多固定标题插件，但没有任何帮助。

JSFiddle 链接：

JSFIdle

HTML：

CSS：

请需要帮助！

我正在使用垂直滚动条实现 Gridview 冻结标题。我尝试了很多这里建议的解决方案。但问题是，

1. Gridview 位于面板内，其宽度不固定。它的 97% 。

2.列没有固定宽度。

我尝试了 GridviewScroll.js 中建议的解决方案，但问题在于固定宽度，并且 Gridview 不会根据窗口大小调整大小。

我尝试了太多解决方案，但没有固定宽度就没有任何效果，所以我不能在这里展示..

以下是我现有的代码

有什么建议么 ？

我正在使用物化框架使用具有固定标题功能的数据表。这适用于 web 视图，但对于 mob 和选项卡视图，我使用默认的物化数据表设计，因为我需要禁用固定标题功能。

JS小提琴

HTML 代码：

JS代码：

我也尝试使用“ responsive: true ”但不工作。有什么办法可以做到这一点？