問題タブ [bootstrap-table]
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.
javascript - ブートストラップ テーブルの最初の列を修正する
この投稿の @koala_dev のコードに従って、テーブルが水平方向にスクロールする最初の列をロックしようとしました。残念ながら、コードは私のテーブルには影響しません。私はプログラミングに慣れていないので、誰かが私が間違ったことを教えてくれるかどうか疑問に思っていました.
これは私のテーブルです: http://jsfiddle.net/mademoiselletse/bypbqboe/59/
これは、JS に挿入したコードです (121 ~ 133 行目)。
これは、挿入した CSS プロパティ (36 ~ 47 行目) です。
デモ コードから逸脱した唯一のことは、以前に として定義したので、代わりに$('.table')
として定義したことです。あなたの助けは大歓迎です!$tableClass
$table
var $table
$('#table')
javascript - テーブルをソートすると Bootstrap のツールチップが消える
次のタグをテーブル セルに直接追加して、テーブル ( http://jsfiddle.net/mademoiselletse/bypbqboe/66/ )にいくつかの Bootstrap ツールチップ (グリフィコンで示される) を含めました。
tooltipExe ()
テーブルがロードされるたびにトリガーしてツールチップを初期化します(56、82、109、117 行目)。次のように定義します。
テーブルが読み込まれると完全に機能しますが、テーブルを並べ替えると、テーブル セル内の Bootstrap ツールチップ効果が奇妙に消えます。Bootstrap JS のドキュメントとフォーラムを調べましたが、役立つ情報は見つかりませんでした。何がそのような消失を引き起こす可能性があるのか 誰かが知っていますか? あなたの助けに感謝します!
pug - bootstrap-table によって生成された列のテキストにハイパーリンクを追加する
Node + Jade を使用して多数のユーザー リストを表示するテーブルを作成しているので、bootstrap-table を使用することにし、多くの可能性を秘めた優れたライブラリを見つけました。
私は現在、テーブルに多くの情報を表示しないようにページネーションを使用しています。現時点では、テーブルには 2 つの列しかありません。最初の列は複数のユーザーを選択するためのチェックボックスであり、2 番目の列はユーザーのユーザー名です。表は見栄えがしますが、ユーザーの詳細へのリンク (例: /user/:id) を追加し、このリンクを 2 番目の列に追加します。
現在、私のコードは次のようになっています。
ユーザー名を含むテキストにハイパーリンクを追加したいだけです
bootstrap-table - カンマを含む数字の並べ替え
1,092,021 など、コンマを使用して数字の列を並べ替えようとしています。並べ替えで , が 10 進数として扱われ、正しく並べ替えられていません。例えば:
コンマ区切りの数字を正しく並べ替える方法はありますか?
json - ブートストラップテーブルのdjangoでjsonを返す方法
queryset から json を返す方法 - A.objects.all()をブートストラップ テーブル ( http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html ) に:
ビューで:
jquery - オプションの完全なリストを使用して select を設定する Bootstrap-table filter-control 拡張機能
データベースのデータを操作するために、bootstrap-table を使用しています。
ページネーション機能を使用し、制限およびオフセット オプションを使用してユーザーが要求した行数のみを送り返します。
また、テーブル コントロール拡張機能を使用して、結果を簡単にフィルタリングできるようにしています。ただし、 data-filter-control="select" でフィルタリングするための選択コントロールを使用すると、エントリはその結果セット内で返されたものだけになります。
他のフィルターを適用すると、リストが大きくなります。API を使用して、サーバーから可能なすべてのアイテムのリストをプリロードして、そのリストのオプションを介してフィルタリングできるようにしたいと考えています。
フィルター処理された結果のセットごとに結果を返すことができますが、おそらく JSON の別の要素で、そのデータのセットを常に送信する必要がないため、コントロール自体が読み込まれた後にこのリストを読み込むのが最善でしょう。各フィルターでコントロールに。
これは可能ですか?API を使用して、一連の値を含むこのリストをプリロードできますか?
https://github.com/wenzhixin/bootstrap-table/issues/904とパッチのメモと同様の問題を説明しているように見える github の問題がありますが、方法がわかりませんそれを実装します。
maxcdn.bootstrapcdn.com のブートストラップ 3.3.4 を使用しており、cdnjs.cloudflare.com 経由でブートストラップ テーブル 1.8.1 を使用しています。
編集:FireBugを使用してコードを1行ずつステップスルーし、これができるかどうかを判断した後、これを理解しました。
フィルターにデータを提供するには、2 つのオプションがあります。属性 data-filter-data を に追加します。「var」または「url」オプションの後にアンダースコア(または破棄される他の文字)を使用し、「var」の場合はオブジェクト名を渡すことができます。私の場合は、この data-filter-data= のようになります"var_OnlineValues" を実行し、オブジェクト var OnlineValues = { "": "", "Started" : "Started", "Submitted" : "Submitted" } を使用します。また、JSON として返すサーバー上のデータもあります。data-filter-data="url_filename.php" であり、返されるオブジェクトはキーと値のペアです。
これが役立つことを願っています。
twitter-bootstrap - ブートストラップ テーブル - ajax JS によって更新された値を並べ替えません
Bootstrap テーブルを使用しています: http://bootstrap-table.wenzhixin.net.cn/documentation/#methods
最初に、ページをロードするときにいくつかの値を含む通常のテーブルがあります。
ここまでは問題ありません。
その後、これらの値は私の JS (ajax を使用) で変更されます。
私の問題はここにあります:列をクリックしてソートすると、テーブルはページがロードされたときの大きな値の値でソートされ、JSの更新された値ではソートされません...
ブートストラップテーブルに「メモリ」はありますか?
この「メモリ」を更新し、更新された値でソートする方法は?
ありがとう