問題タブ [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 に答える
1043 参照

bower - 最新のフッタブルリリースをインストールするにはどうすればよいですか?

bower を使用してプラグインをインストールしていますが、bower はFootable v2.0.1のみをダウンロードし、v2.0.1.5 の最新リリースはダウンロードしません。

私はもう試した:

どちらも v2.0.1 をダウンロードします。v2 の最新のタグ付きリリース (v2.0.1.5) が必要です。

#2.0.1.x を使用すると、「ENORESTARGET: Tag/Branch 2.0.1.x が存在しません」というエラーも表示されました。

0 投票する
3 に答える
2874 参照

footable - colspan 行によるフッタブル ソート

フッタブルテーブルを並べ替えるときに colspans を含む行を使用すると、並べ替えの問題が発生します。

私のテーブル構造:

colspan 行のオン/オフを切り替えるチェックボックスがありますが、それらが表示されていて列で並べ替えると、すべての colspan 行がグループ化されます。

JSFiddle デモ

colspan (説明) 行を正しいデータ行の下に正しく配置する並べ替え方法はありますか?

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

jquery - フッタブル: 属性 data-class は data-hide なしでは機能しません

フッタブル プラグインに問題があり、迅速な解決策が必要です。プラグインの github でバグチケットを既に開いていますが、ここでより迅速な回答が得られるかもしれません。

footable プラグインを備えた多くの製品テーブルがあり、うまく機能していますが、そのうちの 1 つは data-hide-Attribute なしでエディターによって設定されています。そして、data-class が機能せず、他のすべてのクラス (footable-visible など) が tbody に設定されていません。JSFiddle を生成しました: http://jsfiddle.net/xxemtkw9/2/

最初のテーブルには期待どおりの結果が含まれています (クラス "head" は列内のすべてのセルに設定されています)、テーブル 2 にはありません。

これは機能していないコードです:

次のようになります (通常はプラグインによって行われます)。

いずれかのデータ非表示を追加すると、期待どおりに機能します。data-class は data-hide なしで動作するはずだと思います。これを修正する方法を知っていますか?

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

jquery - ブートストラップ タブ内の複数のフッタブル初期化は、1 つのテーブルに対してのみ機能します

ブートストラップ タブの各タブに 2 つのテーブルがあり、タブをクリックすると非表示の div がアクティブになります。デフォルトのタブは正常に機能します。しかし、タブの残りの部分はばかげた動作をします。次のコードを試しました:-

しかし、ここでの問題は、1 つのテーブルに対してしか機能しないことです。テーブルの残りの部分では機能しません。

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

jquery-plugins - FooTable ブレークポイント?

FooTable Web サイトのドキュメントから、テーブルの「分割」は画面の解像度 (またはブラウザー ウィンドウの幅) に依存するという印象を受けました。したがって、ブラウザの幅。

しかし実際には、コンテナ要素の幅に応じてテーブルを「壊す」ようです。DIV 要素。

これらのブレークポイントはどのように機能するはずですか?

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

insert - FooTable.js入力フィールドで行を挿入...配列の一意の名前

私は、基本的なフォーム入力がたくさんあるかなり大きなフォームを持っていますが、派手なものは何もありません。しかし、ユーザーはインターネットが不安定な場所にいるため、フォームに一度にすべて入力してから送信する必要があります。

このフォームに 2 つのセクションを追加します。1 つは、タスク マネージャー タイプのウィジェットです。もう 1 つは、削除機能のない基本的な CRUD テーブルです。

タスク マネージャーと CRUD テーブルの両方が Footable を使用しており、データを事前入力するために foreach の行があります。

明らかに、これらを配列として POST する必要があります。したがって、 Name 属性を使用して、このようにうまくやっています。

  • name="need[ Echo'ing ID ][id]"
  • name="need[ Echo'ing ID ][store_number]"

  • name="タスク[ Echo'ing ID ][id]"

  • name="タスク[ Echo'ing ID ][割り当て済み]"}

これにより、配列が正常に投稿され、正常に機能しています。

説明が長くなってすみません。私は、より多くの情報が好きで、より少ない情報が好きであることを知っています。

私の問題。

フッタブルで新しい行を挿入すると、各入力フィールドに一意の名前キーを作成できる場所が見つかりません。ここでは、上記のエコー ID があります。各インサートには約 8 行あります。最初の挿入を一意にすることはできますが、他のすべては失敗します...誰か助けてくれますか?

0 投票する
2 に答える
766 参照

javascript - フッタブルでEnterをクリックすると非表示の詳細を表示

簡単な機能をフッタブルに適用しようとしています。行をタブで移動できるフッタブルがあります。各行でエンターをクリックして、現在選択されている行の非表示のコンテンツ/詳細を展開できるようにしたいのですが、クリック機能を見つけてキープレスエンターを追加するのに苦労しています。

これは現在私が追加したいくつかのjqueryですが、HTMLがjavascriptからレンダリングされているため、これは機能しません。つまり、マウスで行をクリックする前に非表示のコンテンツがレンダリングされません。