更新:我与FixedHeader的作者进行了交谈，看来这对我不起作用。我认为问题在于我的表位于选项卡中，这引起了一些问题(请参阅其他更新中的屏幕截图)，他说，当前版本的FixedHeader不能解决这些问题。我已经尝试过其他一些用于固定表头的插件和方法，它们都给我带来类似的问题。我怀疑这是因为我的表格在选项卡中。如果有人有任何简单的解决方案，请告诉我。否则，不用担心。对于该网站，我还有很多其他工作需要处理，而固定表标题似乎占用了太多时间。
我正在尝试使用FixedHeader作为my website。
我下载了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有2个问题:它说...
var oTable = $('.table-fixed-header').dataTable();
Uncaught TypeError: Object [object Object] has no method 'dataTable' (repeated 2 times)
new FixedHeader( oTable );
我该怎么做才能使它正常工作？ (目前，它根本不起作用。)
编辑:我只是乱七八糟，没有成功。我尝试使用
$.browser而不是jQuery.browser，但这给了我同样的“msie”错误。然后我尝试完全删除该代码，并且没有javascript错误，但是固定的 header 实际上并不能很好地工作( header 从我网页的顶部开始，如果不正确，它的大小不正确)等等。)。更新:使用更新的版本(https://github.com/DataTables/FixedHeader/blob/master/js/FixedHeader.js)，您可以在单击表格链接之前将标题显示在页面顶部(它应该不会出现，并且也不应位于顶部)。此外，它的大小调整不正确，并且不具有排序功能。请参阅以下链接:
-http://awesomescreenshot.com/00d1pe963a
-http://awesomescreenshot.com/09e1pe9581
-http://awesomescreenshot.com/0d21pe9a2b
最佳答案
您是否可以尝试将javascript包含放在页面底部，紧接在结尾处
”
<script src="/assets/FixedHeader.js" type="text/javascript"></script> 关于javascript - 固定 header 出现问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18681232/