问题标签 [fixed-header-tables]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
622 浏览

javascript - JQuery FixedHeader 功能

在 jsp 页面上工作。向下滚动页面时,需要冻结第一行(标题)。我正在尝试使用 JQuery 提供的功能来实现它,但没有成果。这是示例代码: refs :

在线建议似乎对我不起作用。谁能建议我该怎么做?

0 投票
1 回答
2563 浏览

jquery - 具有 FixedHeader 扩展名的数据表,offsetTop 选项创建 2 个标题

我正在使用带有 FixedHeader 扩展名的 DataTables。我正在使用offsetTop固定标题的选项,这对于使标题停止在顶部的导航菜单下方很有用。

当我滚动页面时,标题行停止在它应该停止的位置(距离页面顶部 130 像素),但是当您滚动时,您可以简要地看到两个标题,一个是固定的,一个是原始的.

有什么我可以做的,这样标题就不会出现两次?希望这很清楚,这是在开发服务器上,所以我没有发布链接。

0 投票
2 回答
289 浏览

css - 修复网页上的表格标题

即使我们在网站上向下滚动并离开表格视图,我也想知道如何修复表格标题。我想使用 css 样式来做到这一点。谢谢你。

我还想知道如何修复网页上的元素,以便即使我们向下滚动它也总是出现。图片可以是文字。使用 div 和 css

0 投票
1 回答
605 浏览

javascript - JS dataTables.fixedHeader 标题和数据之间的宽度不同

我使用 javascript 插件 dataTables.fixedHeader 并用 ajax 填充数据。现在我遇到了问题,每个数据列的宽度是动态的,并且标题保持相同的静态宽度。

不同宽度

代码:

HTML:

JS:

填充:

0 投票
0 回答
336 浏览

javascript - Gridviewscroll 不适用于太多记录

我使用了这个 gridview 滚动条,github。它适用于大多数表。但是,如果 table 有太多的冷冻细胞,它们会一个一个消失。col消失后

Javascript 文件:http ://gridviewscroll.aspcity.idv.tw/Scripts/gridviewScroll.min.js?20130319

其他人有这个问题吗?我该如何解决?

如果有另一个“稳定”的固定标题列脚本,请告诉我。

0 投票
1 回答
533 浏览

jquery - 数据表固定标题扩展从正确位置移动的问题

我在同时使用数据表和固定标题扩展时遇到了问题。当浮动 div 与固定表头交互导致固定表头远离表头并显示表头两次时,就会出现问题。

这看起来像是页面中的一个小故障,尽管一旦用户再次滚动鼠标它就会自行纠正。

带按钮的 div 代码:

数据表的代码是:

滚动时固定 div 的代码(带按钮):

0 投票
1 回答
61 浏览

html - 对构建具有固定标题的表的示例感到困惑

谁能帮我指出哪些样式是构建这个固定标题表的关键?这是我发现有用的唯一示例,但我不知道哪些是最重要的样式使这种情况发生。

我也很好奇为什么需要一个 DIV 和填充来实现这一点?

0 投票
1 回答
2166 浏览

javascript - 具有固定头部的滚动表中的粘性子标题

我正在尝试创建一个带有固定标题的表格,其中主体在头部下方滚动 - 这很好,并且有很多很好的例子。

复杂之处在于我希望能够让粘性子标题与表格的其余部分一起滚动,直到它们碰到表格标题,然后在该部分的其余部分滚动到它​​们下方之前不要移动,此时它们' 被下一个粘性子标题(有点像 iphone 通讯录)所取代。我需要它的外观示例:获取粘性标题以“向上推”,例如在 Instagram 的 iPhone 应用程序中使用 CSS 和 jQuery

上面的例子不是用表格完成的,我有很多表格数据需要显示,所以它需要是一个表格。

到目前为止,我还没有找到这个工作的例子,我尝试过的一切都失败了。我已经包含了一个没有任何固定头等的 jsfiddle 示例的链接,因为我认为它可以避免与其他解决方案的冲突:https ://jsfiddle.net/q7zLhus0/

任何帮助将不胜感激。这个真的把我难住了。

0 投票
0 回答
1728 浏览

javascript - 如何使用固定列在数据表中组合树表

嗨,我遇到了一个关于在展开和折叠时使用固定列在数据表中组合树表的问题。

这是我尝试过的代码。请帮我解决问题。

0 投票
1 回答
6393 浏览

angularjs - Angular Material Design 中的固定表头

如何使用 md-toolbar 制作表格粘性标题

我在 md-toolbar 中包含了用于固定表头的 thead,当我滚动表内容时,表头未固定到顶部。下面是我的代码和 codepen http://codepen.io/apps4any/pen/WQgKMw的链接

JS: