質問

インデックスビューに固定ヘッダテーブルを作成しようとしています。2日後、私はついにjQuery fixedheadertableアドオンを見つけました、そして私はまだそれを使うことができません。私は初めて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');
.

全く変更なし... ここで何が悪いの?

ありがとう。

役に立ちましたか?

解決 2

stickyTableHeaders JQueryプラグインを使用すると、問題が解決しました。

https://github.com/jmosbech/stickytableheaders

他のヒント

あなたの質問には、何が間違っているのか正しく分析するための詳細はありません。ただし、これらを試してみて、それが役立つかどうかを確認してください。

あなたのapplication.jsにはrequire_treeがありますか?また、Applications.js

の末尾にmy_js_coffee_fileを追加してみてください。

ex:

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

またはあるいは、Application.jsファイル自体の内側に同じものをコーディングすることもできます。そして実行してみてください。コンソールログを確認して、どのエラーが表示されるかを確認してください。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top