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

html - 表格主体、头部重叠和表格宽度未扩大

我已经使用 ngtable 在 angularjs 中创建了一个应用程序,因为我需要固定表头我尝试使用 position:fixed;以便固定头部,但问题是现在身体和头部重叠,表格的宽度也没有扩大

我的代码如下

JSFiddle

html

css

0 投票
1 回答
982 浏览

android - 带有固定标题的Android可滚动表,使虚拟行不可见

我知道有几个关于这个的帖子,但我无法让它工作。我想要一个带有标题的表格,该表格在滚动表格内容时保持可见。我喜欢这种方法:http ://www.entreotrascosas.net/creating-dynamic-scrollable-fixed-header-tables-in-android/

这是我的xml。我有两个 TableLayout,一个用于标题,一个用于内容。我用一排填充它们,layout_height设置为0dp.

然后,我用我的值和在我的 xml 中指定的行以标题/最长行的虚拟值以编程方式填充表。现在,两个表的列具有相同的宽度。到目前为止,一切都很好。

但现在我需要两个虚拟行消失。据说将高度设置为0dp可以做到这一点,但对我来说不是,行总是可见的。

我尝试以编程方式将 LayoutParams 的高度设置为 0,但没有帮助。将可见性设置为 INVISIBLE 或 GONE 不起作用。我还可以做些什么?

0 投票
1 回答
1401 浏览

jquery - 带有引导类的固定标题 html 表

我有一个带有 bootstrap 样式的 html 表,我试图将其设置为这个示例中给出的固定标题表。但是表格的标题和正文之间的列未对齐。

我试过了

但是没有用。如何将列的确切宽度设置为固定标题列?

0 投票
2 回答
7376 浏览

jquery - 如何使用 FixedHeaderTable - 需要基本指导

经过大量搜索,我发现了这个插件:Fixed Header Tables。我想我按照主网站上的说明进行了操作,但我无法使其正常工作。

好吧,我想做一个普通的表格函数,比如固定顶行和左列。所以我想到了使用这个插件。但最终,它创建了一个阴影 div,但似乎没有滚动或固定到定义的大小。

我也不知道把尺码寄到哪里。这是我到目前为止所拥有的:

如果您看到该片段,则它并未包含在150 px x 235 px维度中。我哪里错了。

0 投票
2 回答
614 浏览

javascript - 在表格内滚动(固定标题)Javascript

我正在做一个颜色映射表,但我有很多列和行(这么多单元格......)我需要在表内进行滚动,类似于 Excel 表。你对开始我的代码有什么想法吗?

0 投票
1 回答
1454 浏览

jquery - 粘性表格标题和列 - 两个固定列

我在表格中使用插件Sticky Table Headers & Columns。该插件完美运行。我的问题是如何让第二列固定。我搜索了文档并尝试联系作者,但仍然失败。

我也尝试添加另一个<th>Sample #2</th>,但是当您滚动时,列顶部会出现一个白色块,如您在此处看到的那样。

我认为我非常接近解决方案。谁能帮我解决这个问题?

已解决: jsfiddle.net/tyanxbbs/8

0 投票
1 回答
7415 浏览

javascript - 修复标头插件在 Angular 数据表中不起作用

我正在使用固定标头 jquery插件的稳定版本稳定版本 v2.1.2 。我正在尝试修复我的表头。我已经使用此处提到的 Angular 数据表创建了表。

在我的控制器类中,我编写了以下代码,

我的HTML如下,

但是,当我运行我的应用程序时,出现以下错误,

TypeError:无法读取未定义的属性“childNodes”

我也尝试使用以下指令,因为我知道不应在 Controller 中进行 DOM 操作,但我收到以下错误。

TypeError:无法设置未定义的属性“_oPluginFixedHeader”

更新:

我的指令

请问有人可以提出更好的解决方案吗?

我正在使用2.1.2版的dataTables.fixedHeader.js,我的错误出现在下面一行

0 投票
0 回答
1661 浏览

css - 带有引导程序的固定标题可滚动表

如何仅通过 css 将每个单元格高度设置为连续单元格的最大高度。我想使用现有代码将每个单元格的高度设置为该行中单元格的最大高度。我不希望里面有任何 div 来实现这一点,只有 css

HTML

CSS

看看我的小提琴

0 投票
2 回答
116 浏览

javascript - 滚动表格时固定表格内的标题

问题:

我有一张太大的桌子,不能作为移动设备的液体样式元素。我的解决方案是制作overflow-x: auto. 效果很好,几乎就是移动应用程序上的电子表格的工作方式。一个问题是,表头在该offset-y部分内时可能会让人难以阅读。我有时会发现自己向上滚动只是为了查看我正在查看的数据列。

问题:

有没有办法使用CSS/JS - jQuery这样当用户滚动数据时,表头总是像您期望的那样显示在移动应用程序中?(Mac 的 Numbers 也可以这样做)。我不介意使用 CSS3,因为这是用于移动设备的。

其他具有相同行为的事物

  • Apple Numbers当您向下滚动并且标题应该不在视线范围内时,它们会保持不变,直到您通过表格。
  • iPhone Instagram App滚动浏览提要时,用户的标题会一直显示,直到出现新帖子。
  • iPhone 通讯录应用程序滚动浏览所有联系人时,您所在的字母部分会保持在顶部,直到出现新的字母。

我只是想确保你们知道我在说什么,因为我找不到与我想做的类似的事情。不确定我是否输入了错误的搜索词或什么。但它几乎是 和 之间的混合float风格fixed

0 投票
3 回答
1976 浏览

javascript - 如何垂直调整html表格的tbody

我有一个HTML table固定的标题。

所以,theadfixedtbodyscrollable

现在,我想table height(vertical only)通过抓住底部tbody(比如将resize属性应用到textarea)来调整 的大小,这样我们一次可以看到更多数据。