問題タブ [footable]

jQuery Mobile Foo Tableで少し助けが必要です。テーブルにデータを動的に追加しています。

HTML:

js コード:

これにより、初めて開いたときに FooTable が適切に適用されます。ホームページ ボタンをクリックして戻り、そのページに再びアクセスすると、FooTable が正しく適用されません。

スクリーンショット:

その際、私が直面している問題には次のようなものがあります。

1. 非表示のフィールドが表示されます。(Footable が適用されていないことを意味します): この問題は、デバイスの向きを 2 回変更すると解決します。

2. 最初のフィールドにはデータ展開ボタンが含まれなくなりました (フッタブルが適用されないことを意味します):

問題は、古い行を削除して新しい行を追加しているためだと思います。remove 呼び出しを行わずに試しました。その時点で、古い行は適切に表示されていました。スクリーンショットに示すように、新しく追加されたフィールドに問題がありました。

誰かがこれで私を助けることができますか?

PS: これを Android WebView でレンダリングしています。また、ブラウザでも同じ問題が再現されます。

フッタブル(モバイル、タブレットなどでテーブルをレスポンシブにするための jquery スクリプト) を使用していますが、問題があります。私のプロジェクトでは、すべての行の展開をタッチしてクリックする必要はありません。

通常、このコードで動作します：

$(function() { $('table').footable(); });

しかし、デフォルトですべての行を展開するにはどうすればよいですか?

jsfiddle のコード例

Footable プラグインを使用しています。コンソールに「TypeError: 未定義のプロパティ 'sort' を読み取れません」というエラーが表示されます。

次の手順を使用しましたが、

1. GemFile に gem 'footable-rails' を追加

2. Application.css で:

   /li>

3. アプリケーション.js:

   /li>

私は何を間違っていますか？

次の jQuery フッタブル プラグイン テーブルがあります。

テキスト「abcdefghijklmnopqrstuvwxyzbcdefghijklmnopqrstuvwxyz」をスペースなしで入力すると、列は自動的に非表示にならず、テーブルがページ全体に広がります。誰かがこれを以前に見たことがありますか?もしそうなら、問題の解決策はありますか?

ここに示されているフィドル: http://jsfiddle.net/4RpE8/10/

私はjqueryとfooTableにかなり慣れていません。

私がしたいのは、FooTable によって提供される追加と削除の jquery 関数を組み合わせて、行を追加すると、そのテーブルの最後の行が自動的に削除されるようにすることです。

ここでいくつかの助けをいただければ幸いです。ありがとう！

フッタブルを使用していますが、フォームをレンダリングするときに検索機能が機能せず、以下のファイルを含めました。

コントローラ

見る (leave_summary.html.erb)

_leave_detail.html.erb

ここで Fotable 検索が機能しません。