問題タブ [footable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
3454 参照

javascript - ajax 呼び出し後にテーブルのサイズを変更しようとすると、フッタブル トリガーが機能しない

私が作成している Web サイト全体でフッタブル テーブルを使用していますが、これまでは主に順風満帆でしたが、サーバー側のページングをテーブルに追加すると行き詰まりました。基本的に、私は ajax 呼び出しを介してデータを取得しています。ページが最初に読み込まれると、すべてが正常に表示され、モバイル ビューでは列が折りたたまれますが、次のページ ボタンを押すと新しいデータがテーブルに追加されますが、モバイル ビューでは列は折りたたまれません。下の画像を参照してください。

ここに画像の説明を入力

わかりやすくするために、この Web ページには複数のフッタブル テーブルがあります。上のテーブルは、jquery.responsiveTabs プラグインを使用してタブ コントロール内に実装されています。ブラウザーを最大化してから最小化すると、フッタブル ブレークポイントが新しい行に追加され、列が折りたたまれます。

テーブルに新しい行を追加するときは、高度なデモ機能で提供されている ajax デモを使用しています。

私のajaxリクエストの実装は次のとおりです。

これは、要素ではなく ID でテーブルを参照することを除けば、フッタブル ドキュメントのコードと同じです。また、footable_resize、footable_initialize、およびタブ footable_force_resize を交換するときの同様の問題を修正するために追加した新しいトリガーなど、他のフッタブル トリガーも試しましたが、まったく運がなく、コンソールにもエラーはありません。

私のスクリプトは次の順序で宣言されています。

スクリプト宣言のすぐ下で、次のようにフッタブルを初期化しています。

また、タブを変更するたびに発生するタブのアクティブ化イベントに成功して追加した次のことも試しました。

ただし、ページが初期化された後に ajax 呼び出しの後にこれを実行すると、コンソールに次のエラーが表示されます。

typeerror $(...).footable は関数ではありません

私は今これで機知に富んでおり、この後半の段階でフッタブルを捨てて代替品を見つける必要は本当にありません. 私はこことグーグルでさまざまな質問を調べましたが、私の問題に対する解決策はありませんので、どんな助けも大歓迎です!!!

0 投票する
0 に答える
1539 参照

javascript - 並べ替えとフィルタリングを備えた無限スクロール テーブル

一度にデータのチャンクをロードする無限スクロール テーブルを実装したいのですが、それを並べ替え (表示されている行だけでなく、テーブル全体)、フィルタリングできるようにしたいと考えています。そうするために Footables プラグインを試しましたが、データを非同期にロードすると、ソートもフィルタリングもされず、本当に欲しいものを達成できません..

どうすればこの実装を達成できますか? それが別のライブラリ、Angular、またはその他のものであるかどうかは気にしません。しかし、私はすでに試したことから新鮮な空気が必要です.

スクロール時にデータを完全にロードするコードを貼り付けますが、ソートはしません (明らかに ajax では機能しません)。

表のマークアップ:

JS

0 投票する
0 に答える
201 参照

kendo-ui - Kendo Grid のページネーションがレスポンシブ プラグイン フッタブルで機能しない

こんにちは、フッタブル プラグインを使用してレスポンシブな剣道グリッドを持っています。正常に動作しています。しかし、ページネーションをクリックすると、UIが壊れています。ページの画像を添付します。これを修正するのを手伝ってもらえますか?

0 投票する
1 に答える
253 参照

footable - Asp.Net MVC Https azure でフッタブル

Asp.net Mvc アプリで footable を使用します。httpで実行すると問題なく動作します。しかし、Azure から https で同じアプリを実行すると、次のエラーで失敗します。

いくつかのアイデア?また、バンドル内のフッタブルのベスト プラクティスと、それを _Layout ファイルのどこに配置するかを教えてください。

0 投票する
1 に答える
137 参照

angularjs - Footable3 と angularjs

footable3 を angularjs で動作させる際に問題が発生しています。すべてが期待どおりに機能しているようです。<a/>ただし、 footable3 は表のセル内のリンクをすべて削除しています。以下のコードですが、属性「my-footable」を削除するとリンクが表示されます(テーブルを調べて、リンクがあり<a/>ます)が、ディレクティブを使用するときにそれらが削除される理由がわかりません(テーブルを調べて、リンクがありません)<a/>リンク)

angularjs/footableを出発点として使用しました

これが私の指示です

これが私のテーブルです

0 投票する
1 に答える
74 参照

jquery - フッタブル 10 ページ目は読み込み時に表示する必要があります

私は Web プロジェクトに取り組んでいます。データを表示するために Footable を使用しました。現在、フッタブルでさらに 100 個のデータを表示しています。ページネーションは既に行われているため、ページ番号は << < 1 2 3 4 5 ... > >> のようになります。データがロードされると、最初のページがアクティブになり、ロード時に10ページとして設定する必要があります。このコードを試しました

しかし、それは機能していません誰かが私に解決策を教えてください

0 投票する
1 に答える
979 参照

javascript - 動的データRailsでフッタブルページネーションが機能しない

Rails アプリケーションで footable を使用しようとしていますが、動的テーブル データでページネーションを実装できません。

これが私のコードです

ただし、テーブルには最大 45 件のレコードが含まれているにもかかわらず、10 件しか表示されません (data-page-size を変更しても最大 10 件のレコードが表示されます)。

誰かがこの問題を見つけたら、助けてください。