問題タブ [datatables]

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 投票する
3 に答える
6949 参照

jquery - jqueryデータテーブルは、ajaxサーバー側の応答でチェックボックスを追加します

C# ASP .NET MVC と ajax 呼び出しを使用しています。すべての機能とともにテーブルの表示を取得できます。

しかし、チェックボックスとボタンを追加する方法がわかりません。dom-checkbox も試しましたが、動作しません。

どんな助けでも大歓迎です。

私のコードは次のようになります。

私のHtmlは: [table border="1" id="personTable" class="display"] [/table]

0 投票する
5 に答える
38616 参照

jquery - jqGrid または dataTable、どちらが優れていますか?

私は jQuery dataTable を使用することに興味があります...教えて、それを使用する方法の例を教えてください..そして、jqGridについても聞いたことがあります..両方からどちらが良いですか?

私はdataTableをダウンロードしようとしました..

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

javascript - 表の下部にページ長を表示する

全て、

Jqueryデータテーブルを使用しています。私は次の例を使用しています:

ページ付けのあるDataTables

「10エントリ表示」を上ではなく下に表示する方法はないかと思いました。表の下部にある「51エントリのうち1から10を表示」の直前に表示されます。

どうやってやるの?

ありがとう

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

javascript - 行クリックからのJQueryDataTableセル

クリックされた行の1列目と4列目を返す関数をjquerydatatableに実装しようとしています

私はこの例に従っています。これにより、クリックした行を操作できます http://datatables.net/examples/api/select_single_row.html

このハンドラーを変更してセル値の読み取り手順を実行し、独自のロジックで値を使用できると考えています

また、dataTableフォーラムhttp://datatables.net/forums/comments.php?DiscussionID=1384&page=1#Item_0からこの小さなコードセグメントを入手しました。

クリックしたフィールドの1列目と4列目を取得できるようにポインタを教えてもらえますか?

次の部分 私は上記を解決しました、ありがとうニック

しかし、私は問題の次の部分を持っています。私が使用するテーブルを初期化するとき

私のサーブレットはdirリクエストパラメータを受け取り、リストをjsonレスポンスとしてデータテーブルに返します。

テーブルを更新できるように、POSTリクエストでserlvet応答を追加して取得するにはどうすればよいですか?

0 投票する
6 に答える
42140 参照

jquery - ページング、フィルタリング、検索によるサーバー側処理にjquery datatableを使用

asp.net mvc (C#) アプリケーションに jquery データテーブル サーバー側処理 ( http://datatables.net ) を使用する必要があります。

私のアプリケーションには、テーブルにリストとして表示する数千のレコードがあります。ページング、フィルタリング、検索を有効にするためにjquery datatableを使用しています。

asp.net mvc (C#) で使用する jquery datatable サーバー側処理に関する適切なリファレンス/記事はありますか?

0 投票する
5 に答える
36601 参照

jquery - データテーブルの再初期化 (jQuery)

最初にページをロードすると、テーブルに何もなく、データテーブルが初期化されません。いくつかの相互作用行が追加された後、すべての行が追加された後 (ajax 呼び出しで)、次のようにデータテーブルを初期化します。

問題は、そのテーブルをクリアして html に追加し続け、fnAddData を使用せずにそのソース コードからテーブルを再初期化できるようにしたいことです。

何か案は?

ありがとうございました!

0 投票する
8 に答える
33438 参照

jquery - jqueryデータテーブルの新しい行にクラスを追加するには?

データテーブルに追加する行にクラスを追加するにはどうすればよいですか?

fnRowCallback不可能な場合、クラスを使用またはfnDrawCallback変更するにはどうすればよいですか?

上記のコードは私にエラーを与えています。

これは私が行を追加する方法です:

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

jquery - ASP.NET MVC で jquery dataTables プラグインを更新する際の問題

jQuery data-tables プラグインによってレンダリングされたテーブルの更新に関して助けが必要です。

従来のテーブル データがレンダリングされるDIVがあるIndex.aspxというビューがあります。何かのようなもの:

次に、データテーブルを次のように初期化します。

これを CRUD 操作と一緒に使用するために私が設計したアプローチは次のとおりです。

すべての INSERT、UPDATE、および REMOVE シナリオは、 DIVを更新するPartialViewを返すActionを呼び出します。

ただし、データが適切に更新されていることを確認しても、ページング、並べ替えなどの dataTable の機能を失います。データテーブル内の正しいレコード数も反映されません。

これは、dataTable がデータを内部構造にキャッシュするために発生していることを理解しています。そのため、Ajax を使用してページの一部を更新すると、dataTable はデータの変更を認識しません。

誰かがこの状況に遭遇しましたか? この問題を解決するための NICE と CLEAN のアプローチは何ですか?

乾杯、

モッシュ

0 投票する
5 に答える
49227 参照

jquery - ページ全体のjquerydatatables行数

HTMLテーブルにjQueryDataTablesプラグインを使用しています。

ページ全体のテーブルの行数の行数を取得する方法はありますか?

たとえば70、テーブルに行があり、50それらが1ページ目と202ページ目に表示されるとします。カウントを取得する方法はあり70ますか?

私はこの投稿に含まれているすべての提案を試しました: jQuery:テーブルの行数を数える

これも:

var rowCount = $('#myTable tr').length;
var rowCount = $('#myTable tr').size();
var rowCount = $('#myTable >tbody >tr').length;
var rowCount = $("#myTable").attr('rows').length;

しかし、上記のすべての提案は、既存のページの行数を返すようです(この場合は50ではなく70)。

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

jquery - jQuery データテーブル - fnGetHiddenNodes() の例

HTML テーブルで jQuery データテーブル プラグインを使用しています。

fnGetHiddenNodes() 関数を使用してテーブルから特定の行を抽出する方法を知りたいと思っていました。

より具体的には、
これを列の1つとして持っています

tr
td align="center"
input type="checkbox" id="caseConsent(index)" name="caseConsent"
input type="hidden" id="protCaseInst(index)" name="protCaseInst" value="some value here..unique to each row"
td

td.../td

/tr

そして現在、このテーブルから値を抽出する方法は次のとおりです: (基本的に、チェックされている各行の隠しフィールド「protCaseInst」の値を protCaseInstArray にプッシュします)

$("#mydiv-element").find("input[type='checkbox' name='caseConsent']:checked ~ input[name='protCaseInst']").each(function() { protCaseInstArray.push($(this).val()); });

ただし、このコードを使用して、データテーブルの 2 ページ目から行を選択すると、protCaseInstArray に表示されません。

ありがとう、