javascript - 不同宽度的固定标题表

Question

我正在尝试在我的索引视图中创建一个固定的标题表。搞了2天，终于找到了jQueryfixedheadertable插件，还是不能用。我想我做错了什么，因为这是我第一次使用 jQuery。这就是我所做的：

将文件添加jquery.fixedheadertable.js到\app\assets\javascripts

在application.js：

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require jquery.fixedheadertable
..
..

在my_js_coffee_file：

$ -> 
    $("#id_of_my_index_table").fixheadertable({
             caption : 'My header is fixed !',
             height  : 200
    });

也试过：

$ ->
  $('#id_of_my_index_table').fixedHeaderTable('show');

一点变化都没有……这里有什么问题？

谢谢。

score 0 · Accepted Answer

您的问题没有详细信息来正确分析问题所在。但是，试试这些，看看它是否有帮助。

您的 application.js 中有 require_tree 吗？另外，尝试在 application.js 的末尾添加您的 my_js_coffee_file

前任：

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require jquery.fixedheadertable
//= require my_js_coffee_file

或者，您也可以在 application.js 文件本身中编写相同的代码。然后尝试运行。检查您的控制台日志以查看弹出的错误。

score 0 · Accepted Answer

使用stickyTableHeadersJQuery 插件解决了我的问题。

2 回答 2