问题标签 [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 投票
0 回答
513 浏览

angularjs - Angular Infinite scroll + mcustomScrollbar 用于表格主体

我正在尝试使用固定标题和固定列实现 Angular JS 无限滚动。同时,我正在为滚动功能添加 mcustomscrollbar。

我可以在表格之外添加滚动功能,即如果我们将滚动添加到 div 其工作。但我需要为表体做。

请找到下面的提琴手链接,让我知道哪里做错了。

0 投票
2 回答
181 浏览

javascript - 修复了 div 上的导航效果

我找到了这段代码。

这是一个工作示例。 http://stanhub.com/tutorials/sticky-navigation/

它是一个粘性菜单,效果很好,但问题是它只会粘住,然后页面会全部向下滚动。导航 div 向下滚动 40px 后是否可以修复它?假设它在导航框和顶部浏览器之间的 40 像素。

0 投票
2 回答
79 浏览

javascript - 表格中的 tr 元素正在丢弃应用到它的顶部 CSS 属性

我正在做一个项目,其中我的代码结构为 -

对于 thead 中的 tr,我们的表达式为 -

在 IE8 中,这个表达式被求值并且顶部被设置,这样标题总是可见的。然而,由于表达式在 IE11 中不起作用,因此我们可以为此编写一个 JavaScript 函数。

但是在 IE11 中,top 属性不能按预期工作。即使在应用之后,标题也是不可见的。

有人可以建议可能出了什么问题吗?

PS:我尝试的 Javascript 是:

0 投票
1 回答
364 浏览

jquery - 是否可以将 datatablejs 与 angularjs 或任何替代 datatablejs 一起使用

我对我的应用程序感到震惊,在那里我thousands of data for creating reports and dataentry为用户提供了表单。以前我用来管理来自后端的 json 调用,datatablejs用于修复 header 和 column

但是现在我需要angularjs用作前端的框架,并且需要fix header and column使用datatable js. 但我无法做到这一点。

请帮我摆脱这些东西。

是否可以使用带角度的数据表 js,如果没有,请建议我使用响应式解决方案修复表的标题和列的方法?任何替代解决方案也值得赞赏。

0 投票
2 回答
89 浏览

jquery - 表中的粘性标题(div)

网址 [ http://androidplus.ml/demo/time-table/ ]

我创建了一个简单的时间表,我希望一周中的几天(标题)始终可见 - 命令已修复。

我试过 jquery.sticky.js 但没有正确的效果。

截屏

第一行被延长了......我不知道为什么:

截图 2 (gif)

我希望标题隐藏在表格中。但是,我不知道该怎么做。我尝试了很多想法 - 没有

请帮忙。

像这样的东西: http://www.matts411.com/static/demos/grid/index.html ...

HTML:

CSS:

0 投票
2 回答
770 浏览

javascript - DataTables - FixedHeader - 广告对齐问题中的多个 tr

请参阅此页面: http: //live.datatables.net/fadoteba/1/

我遇到的问题是,当我有这样的标题时:

它搞砸了固定头的对齐方式,当我<tr>用 th 和 colspan 删除第一个时,它的工作方式应该正常(也在示例中向下滚动以查看此内容)。我该怎么做才能解决这个问题,或者我做错了什么?

0 投票
2 回答
7183 浏览

css - 具有固定标题、水平和垂直滚动的数据表

我正在寻找具有固定标题、水平和垂直滚动的数据表 html 结构。我正在开发一个已经开发的数据表小部件。我发现了这个例子https://datatables.net/examples/basic_init/scroll_xy.html其中的 html 结构类似于我在我的小部件中的结构。我想在上面的示例中询问标题如何滚动,即使滚动位于表的主体上。如果它是由 JavaScript 完成的,当我们水平滚动它时,标题 css 属性仍然没有变化。

0 投票
1 回答
1193 浏览

datatables - 滚动完成后,Datatables FixedHeader 将列设置为相等的宽度

我使用该选项初始化我的 HTML 表columns,以便我可以设置每个单独列的宽度。最初,fixedHeader一旦我开始滚动,就会保留指定的列宽度。在我一直向上滚动后,'fixedHeaders' 被停用(不再有粘性标题),列宽不会保留 - 但它们都设置为相等的宽度。

有人知道如何强制保留列宽吗?

0 投票
1 回答
405 浏览

html - 可以使固定标题继承宽度属性

我有一个具有固定标题行的表。当固定被禁用时,宽度本身正确地空间,但它不再是固定的,并且将滚动出容器 div。将固定添加到属性后,它会正确滚动,但宽度不会对齐。在这个给定的场景下,是否可以在仍然使用这个“固定”属性的同时使宽度对齐?

jsFiddle:https ://jsfiddle.net/meeow314159/3vs9bmsf/2/

0 投票
0 回答
709 浏览

javascript - DataTable FixedHeader 不起作用

我有一个弹出窗口,其中显示了一个 DataTable:

在此表中,我还有一个按钮,当单击另一个表时,会出现在第一个表下方:

该表可以有很多行并且可以很长。我有一个弹出窗口的最大高度和一个垂直滚动条。我希望主表的标题固定在顶部。因此,在之后我添加了fixedHeader,但没有任何变化。