問題タブ [footable]

私は現在、私が働いている会社のアプリケーションを再設計しています。すべてのデータは DataGrid を介して表示されますが、これは問題ありませんが、「Footable」と呼ばれる JQuery ライブラリを組み込んで、ここで説明されているように小さいデバイスですべてのグリッドを折りたたむ場合を除きます。チュートリアルでは、GridView を使用します。デモを作成しましたが、うまく機能し、まさに私が望んでいたものですが、DataGrid で同じことを行うのに問題があります。私の最初のアイデアは、DataGrid を Gridview に切り替えて、デモのように実装することでしたが、コード ビハインド内のすべてを再配線する必要があり、膨大で、非常に労力がかかります。そこで、GridView の代わりに DataGrid を使用して FooTable JQuery プラグインを実装できるかどうか疑問に思っていました

実際に JQuery をトリガーするコード ビハインドには数行しかありませんが、DataGrid では機能しないようです。デモが GridView (C#) で行うことは次のとおりです。

これはデータグリッド（VB.NET）を介した私の試みですが、成功しませんでした：

私が読んでいることから、GridView は基本的に追加の属性を持つスーパー DataGrid であるため、DataGrid で FooTable プラグインを実際に実装できるかどうかは懐疑的です。どんな助けでも素晴らしいでしょう、私は誰かがこれを通して私の手を握ってくれるとは思っていません.ただ正しい方向へのポイントです.

データベースからフッタブルに動的データを追加したい。しかし、ajaxのURLでコントローラーを指定しているときに404エラーが発生します。

これは私のすべての投稿ビューです:

これは私のポストコントローラー関数です:

これはポストモデルです:

私のインデックスメソッドが呼び出されると、404 Not Foundエラーが発生します

データ変数でデータを取得するにはどうすればよいですか?

誰かが助けてくれることを願っています。フッタブルに x-editable リンクがあり、デスクトップ ブラウザでは機能するが、モバイル デバイスでは機能しないという問題があります。フッタブルは列を非表示にし、下に展開して非表示の列を表示するオプションを提供するため、ブラウザの幅を縮小するだけでこれを再現できます。

ここに JSFiddle を作成しました:フィドル

具体的には、リンクが展開されたコンパクト ビューに表示されていても、クリックしてもリンクの x-editable 入力がレンダリングされないという問題があります。奇妙なことに、自分のサーバーでこの問題に遭遇したとき、全幅のブラウジングに戻ると、x-editable 入力ボックスの複数のインスタンスが表示されますが、フィドルでこの動作を再現できません。

説明が必要な場合はお知らせください。

前もって感謝します。

これはコードです：

と

FooTable が提供する機能と同様に、利用可能な不動産が小さい場合に CSS フレックスボックスが列 (フレックス項目) を削除する方法はありますか?

フッタブルをテーブルに追加していますが、テーブルには各行に tbody が必要です。これは、この方法で html を生成する既存のシステムにフッタブルの並べ替えとフィルタリングを追加しているためです。

列見出しでテーブルをソートしようとするたびに、列のソートでテーブルの行が重複しているように見えますが、その理由はわかりません。

テーブル構造はこんな感じです。

JavaScript:

また、問題を示す動作中の jsfiddle をセットアップしました: https://jsfiddle.net/35ht6kup/9/

誰でもこれを解決する方法を知っていますか?

ruby on rails プロジェクトで FooTable を使用しようとしています (これまで FooTable を使用したことがありません) が、機能させることができません。

gem 'footable-on-rails'gemfile に挿入しました (そして bundle install を実行しました)

に挿入footable.jsしましapp/vendor/assets/javascriptたapp/assets/javascript(最適/適切な場所はどれですか?)

私は挿入footable.core.cssし app/vendor/assets/stylesheetましたapp/assets/stylesheet

という名前のこのファイルを作成しましたfootable_init.js

また、application.jsファイルを次のように変更しました。

と私application.css

ブートストラップも使用していることに注意してください。

最後に、私のビューは次のようになります。

しかし、電話またはタブレットの解像度に渡すと、両方の列が表示されます。私は何が欠けていますか？

Rails プロジェクトに FooTable を含めるのは簡単だと思っていましたが、時間がかかりすぎています。少し早いですがお礼を。

Footable のバージョン 2 からバージョン 3 に移行しています。バージョン 2 では、次のようなものを使用して (キャッチされる) ハイパーリンクを追加できました ...

しかし、バージョン 3 では、リンクが起動しませんでした。まるで存在しないかのようです。

任意の提案/ヘルプをいただければ幸いです。