问题标签 [fixed-header-tables]

更新：我和 FixedHeader 的作者谈过，它似乎对我不起作用。我认为问题在于我的表格位于选项卡内，这导致了一些问题（请参阅我的其他更新中的屏幕截图），他说当前版本的 FixedHeader 没有解决这些问题。我尝试了其他一些用于固定表头的插件和方法，它们都给了我类似的问题。我怀疑这是因为我的桌子在标签里面。如果有人有任何简单的解决方案，请告诉我。否则，不要担心。我为这个网站还有很多其他的工作要做，而固定的表头似乎占用了太多时间。

我正在尝试将FixedHeader用于我的网站。

我下载了 FixedHeader.js并将其放入vendor/assets/javascripts. 我//= require FixedHeader在application.js.

在colleges.html.erb我table-fixed-header为我的两个表中的每一个设置了一个类，并且有<%= javascript_include_tag :application %>. 在colleges.js，我有var oTable = $('.table-fixed-header').dataTable(); new FixedHeader( oTable );。

在开发环境中，当我检查元素 > 资源（在 chrome 中）时，FixedHeader.js会加载，但有两个问题colleges.js：它说...

我该怎么做才能让它发挥作用？（现在它根本不起作用。）

编辑：我只是搞砸了一点，没有成功。我试过$.browser而不是jQuery.browser，但这给了我同样的“msie”错误。然后我尝试完全删除该代码，并且没有 javascript 错误，但是固定的标头并没有很好地工作（标头从我的网页顶部开始，但它不应该，它的大小不正确ETC。）。

更新：使用更新版本（https://github.com/DataTables/FixedHeader/blob/master/js/FixedHeader.js）在您单击表格链接之前将标题显示在页面顶部（它应该'还没有出现，它不应该在最顶端）。此外，它的大小不正确，并且没有排序功能。请参阅以下链接：
- http://awesomescreenshot.com/00d1pe963a
- http://awesomescreenshot.com/09e1pe9581
- http://awesomescreenshot.com/0d21pe9a2b

我有一个巨大的 ListView，比如页面中间的一个 DIV 中的 30 列，我需要一个固定的标题，并且我必须能够在 x 轴上滚动才能看到我的所有列。标题当然应该固定在顶部，并且每个标题列必须与每一列对齐。

注意：我使用的是 MasterPage。并且 ListView 在另一个 Contentpage 中。

我找到了我正在寻找的确切脚本和 css，但无法使其适应我的应用程序。我不断收到 Jscript 对象错误。我不知道将脚本的哪一部分放在哪里，所以它可以与 asp .nets masterpage dynamics 一起使用

这是我想在我的应用程序中实现的内容： 这就是我需要的 http://jsfiddle.net/dkkBP/38/

我的内容页面中的 aspx 代码与 jsfiddle 中的代码基本相同

一旦它与表格一起使用，我会将其调整为我的列表视图

此内容页面中没有代码隐藏，我在 aspx 页面中使用与 jsfiddle 中相同的 html。

这是我的 Site.Master.vb 背后的代码

Site.Master.aspx 中没有任何用处。

提前谢谢。我已经失去了 2.5 天的时间。我的老板很糟糕，一个固定的标题开始花费很多钱，请帮助。

我想知道当我向下滚动时是否有机会在屏幕上仍然有一个固定的标题，我该怎么做？

我试图position: fixed;在.header.dark类中添加 CSS，但它破坏了模板。

谢谢你的帮助。

这个问题困扰了我一段时间。

这是同一页面中的两个固定标题 html 表：

站点 1

https://datatables.net/release-datatables/extras/FixedHeader/two_tables.html

但是，这两个表在页面本身上.. 但不是单独在一个可滚动的 div 中。

我的意思是..它不是这样的：

站点 2

http://www.matts411.com/static/demos/grid/index.html

（实际上，我可以在同一页面上拥有 2 个这样的表格。当向右左上角或右下角滚动时，标题会很好地保留在这些 div 中。）。

或这个

站点 3

http://www.tablefixedheader.com/demonstration/

--

好的..我怎样才能在站点 2（网格演示）上看到与站点 1（使用数据表）相同的效果。

我想使用标准的简单库，如.. jquery、jqueryui、jquery mobile、bootstrap、datatable 来满足我的需要.. 在同一页面上有多个表......每个表都可以自己滚动.. 宽度和高度...在页面中。我不希望使用网络上某个随机页面中的库......将来可能没有任何支持。

例子：

html页面开始...

表 1... 说 50 列.. 和 500 行.. （以 400 像素 x 300 像素的可滚动 div 和固定标题显示）

在几行之后就在表格的正下方......是......

表 2... 说 30 列.. 和 400 行.. （以 400px x 300px 可滚动 div 和固定标题显示）

结束html页面

--

我确实尝试了站点 2 .. 但是使用引导程序来获取具有该网格的样式.. 破坏了页面.. 并且样式与引导程序不匹配。

我正在研究一个固定的表格标题，其中有一个滚动条。我要两张桌子，一张在上面，另一张在下面。顶部表格将包含标题（姓名、地址、电话、详细信息），底部表格将包含包含详细信息的所有行。我必须在最后一次添加额外的宽度 20px 以同步顶部表格和底部表格的宽度。这可能不是 20px 但等于滚动条宽度。我试过有什么建议吗？我的表是动态填充的。

我有以下结构：

我想修复标题。

我得到了许多链接，但是所有链接都在结构中，因为我是 C# 中的表控件，因此无法控制结构，而且我无法动态重写 html 标记（不允许）。

现在我可以轻松地用样式修复 tableheaderrow

但是表格包含滚动条，因此标题位于面板之外。

任何建议将不胜感激。

我需要一个不滚动的表格布局的标题。我从数据库中检索值，所以我无法猜测行或列的宽度。每个列的宽度会有所不同。随着数据宽度的变化，标题宽度也应该动态变化并正确对齐。

如果我使用单个表格但标题也在滚动，我会得到正确的对齐。

我尝试了两个表格布局，但没有正确对齐。

这就是我需要的固定标题

我需要你的帮助，

以前在 IE7 中工作的是下面冻结 HTML 表格的顶行（标题）：

IE10似乎不再是这种情况。也就是说，如何修改我现有的编码，以便我能够像过去一样冻结表格的顶部标题行，哈哈

我在这里做了一个小提琴：http: //jsfiddle.net/8qq9Z/3/

这是 CSS 标记：

我正在做一个客户想要在他的桌子上粘贴标题/列的项目。但是我不能为此使用真正的脚本，因为这个项目已经在页面中有很多对象，而且我正在失去速度和类似的东西。

到目前为止，我成功的是创建了一个 css 和 javascript 的混合体，我在表格滚动后向左/顶部滚动我的元素。

即使在 IE 9 中也能正常工作，不包括 Opera、Chrome、Safari、Maxthon；但遗憾的是，这在 FF 中不起作用，所以我需要一些帮助来解决这个问题。

我将在这里发布我的小提琴结果页面： http: //jsfiddle.net/kordosoft/7v4RZ/21/embedded/result/ 小提琴的工作副本：http: //jsfiddle.net/kordosoft/7v4RZ/21/

如果您将在不同的浏览器中打开它，这将适用于 FF。

粘性标题：第 2 行；粘性列：第 1 2 列；

JS：

CSS：

HTML：

我想使用 Jquery 实现一个固定的表头。

请参阅此JSFiddle。

当用户向下滚动页面时，表格标题将保持固定位置。我使用以下方式来控制固定位置。

我现在遇到的问题是向下滚动页面时，固定的标题样式发生了变化。它不能与其他 tds 对齐。它变得更短。请指教！