問題タブ [jquery-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 投票する
4 に答える
10352 参照

javascript - データテーブルでの行の並べ替えを修正

データテーブルの先頭にいくつかの固定行を設定したいと思います。

これは私のデータテーブル設定です:

私は次のように行いました:

これにより、テキストに「MYVALUE」が含まれる行が最上位に保持されます。しかし、問題は、他の列で並べ替えると、「固定」行がテーブルの上に残っていないことです。

解決策はありますか?

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

ruby-on-rails - Ruby on Rails 3.1 & Datatables gem 'simpe_datatables' (datatables.net)

データテーブルとRails 3.1の経験がある人はいますか!? から simple_datatables 0.2.1 gem を試しました:

https://github.com/gryphon/simple_datatables

kaminari と meta_search 1.1.0 を使用しましたが、動作しませんでした。

css スタイルが適切にロードされていないため、テーブルに画像/css が表示されない可能性があります。テーブルでの検索もクラッシュします....バックエンドに渡されるいくつかの奇妙な検索フラグが原因です。例: 私は列 'name' と 'size' を持っていて、次のように渡します: 'search[name_or_sizefalse]'

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

javascript - jQueryのGoogle.load()-DataTables.netでは機能しません

古いGoogleChartsAPI(古い静止画像)を使用したWebページ(ここでは例)があり、それを新しいGoogle VisualizationChartsAPIに移動したいと思います。

また、jQuery、jQuery UI、Google JSマップ、およびDataTables.net(すべてGoogleおよびMicrosoft CDNでホストされています)を使用しています。

だから私はgoogle.loader();を使おうとしています。スクリプトタグの代わりに:

残念ながら、これは機能しません(ここではサンプルページ) -DataTablesはテーブルを「ラップ」しなくなりました。

GoogleChromeコンソールのエラーメッセージは次のとおりです。

誰かが私が間違っていることを考えてください。

DataTables.netフォーラムでも質問しました...

アップデート:

サーバーでローカルにdataTables.netファイルをホストすることからMicrosoftのCDNに切り替えました。これは、問題に何も変わらないためです(つまり、jQueryライブラリはdataTables.netのにgoogle.load()によってロードされます) )。

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

jquery - JQuery Datatables.net を使用した固定列プラグイン

C# 3.0 を使用すると、データはテーブル出力の形式でクライアントに転送されます。データテーブルはそれを変換するために使用され、使用されるプラグインは FixedColumns (最新) です。

詳細:最初の列は、状態とテキストが次のようにバインドされたチェックボックスです:(ASPXコード)

問題: ページでページングが有効になっていると、チェックボックスの状態が保存されないことがわかりました。ただし、ページングが無効になっている場合、問題はなく、状態は保存されています。

この場合、他のすべてのチェックボックスの状態が保存されます(視覚的に表示されます)[固定された列ではありません]。

fixedColumn プラグインが削除されると、機能し始めました (ページングありとページングなし)。

FixedColumns プラグインを使用した Datatable v1.9 でこの動作が発生するのはなぜですか?

どうすればこれを取り除くことができますか?

同様のスレッド: http://datatables.net/forums/discussion/6923/need-help-on-maintaining-the-checkbox-state-when-fixed-columns-enabled/p1

PS: スレッド内のヒントを使用してコードを更新しようとしましたが、原因を解決できませんでした。

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

jquery - jqueryデータテーブルにデータを挿入するにはどうすればよいですか?

datatableにデータを挿入しようとしましたが、javascriptconsoloeはこのテーブルが未定義であると言っています。これが私のコードです:

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

asp.net - ASP.Net 2.0を使用してASPXページでWebサービスをホストすることは可能ですか?

ページを通常のポストバックからAJAX呼び出しに変換する過程で(JavaScriptを使用してUIを完全にロード/制御し、ASP.Netを厳密にバックエンドとして使用する)、GridViewをAJAXソースのデータセットに置き換えたいと思いました。

私は現在、DataTablesを使用してGridViewをきれいにしていますが、APIには、AJAXを使用してテーブルのデータをリモートで調達するオプションがあります。APIにはJSONオブジェクトを返す必要がありますがfnServerData、XML応答を必要なJSONデータソースに変換できるオプションのコールバックを提供できるようです。

「だから」、「<WebMethod()>データソースを返すために一緒に叩いたほうがいい」と思いまし<WebMethod()>た。過去にいくつかの関数を作成しましたが、常に新しいASMXファイルを追加しました(カスタムクラスを使用してそれを駆動する)またはそうすることが理にかなっている既存のものを拡張した。<WebMethod()>この特定のページでは、ページのコンテキスト外でこのテーブルのデータソースにアクセスできるようにする必要がないため、ASPXページのコードビハインドにを追加してみようと思いました。

プログラマーのウェブ上には、私が髪を引っ張ってきたものをうまく引っ張っている例がいくつかあるようです。

私は見つけることができるすべての例に従いましたが、どれも私のために働いていません。誰かが私が間違っているところを指摘するか、ASP.Net 2.0がこのように機能しないことを確認できることを期待して、非常に簡単な例をまとめました。

ASPマークアップ:

コードビハインド:

私は上記にいくつかの小さな変更を試みましたが、いずれの場合もAJAX呼び出しは次を返します。

私が返されることを期待しているのは:

誰かが何かアイデアを持っていますか:

  1. 私が間違っていることは何ですか?
  2. または、ASP.Net 2.0は<WebMethod()>ASPXページでを使用できませんか?
0 投票する
1 に答える
5097 参照

jquery - JQueryDataTablesリンクアイテム

特定の列のアイテムをリンクしようとしていますが、それぞれがidjson文字列とは異なるリンクになります。残念ながら、APIを使用してこれを行う方法を見つけることができません(APIを使用せずにこれを行う方法はたくさんあることを知っています)が、列からアイテムをリンクする方法を探しています(それぞれ特定のリンク付きid)。

これが私のコードです。getJSONサーバーからJSONを取得するために使用し、このJSONから次のようにテーブルにデータをロードします。

私がやりたいのは、行ごとに、contact_nameをその行にリンクすることです。これもJSONにあり、を使用してこのループid内でアクセスできます。$.eachitem.contact_id

DataTables APIを使用してこれを行う方法はありますか?はいの場合、私に説明して、これに役立つ優れたリソースを提供していただけますか?

OBS:JSONPを使用しています

ありがとう。


私の新しいコードで更新:

エラーは、クリックするとIDを取得することですが、$.eachループ内の行を処理しているため、クリックした行については、常にid最後に処理された行のIDを取得します。

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

html - datatables.net プラグインは、IE のテーブルの後ろに左側のメニューを隠します

IE で完全に動作するページがありました。次に、このコードでDOMReadyのこのコードを使用して
、素晴らしいjQueryプラグインDatatablesを追加しました

Webkit および Firefox ブラウザーではすべて問題ありません。画像を参照してください。

Firefox でのレンダリング

しかし IE では、理想的にはこのようにテーブルの上に表示されるメニューがテーブルに隠されています。

IE でのレンダリング

ご覧のとおり、サブメニューはテーブルの後ろに表示されます。

ここで z-index が原因だとは思いません。z-index: 9999;とにかくサブメニューがあります。
何が間違っている可能性がありますか?これを解決するための指針は非常に役立ちます。

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

jquery - ボタンがクリックされたときにデータテーブル(JQuery)を更新する

単純なフォームを作成し、DatatablesjQueryプラグインを使用してその中にいくつかのデータを表示しています。データは、JSON形式で適切な結果を返すphpスクリプト(process.php)によって入力されています。フォームには、テキストボックスの値をprocess.phpに送信するボタンがあります。問題は、ボタンがクリックされたときにprocess.phpスクリプトによって受信された新しいデータでデータテーブルを更新/変更できないことです

フォームのコード:

データテーブルを作成するために、次のJQueryコードを使用しています。

process.phpスクリプト(正常に動作します)は次のとおりです。

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

javascript - 複数のテーブルとコンディショニング tds の使用

私は datatables テーブル プラグインを使用しており、サイト全体でグローバルに使用しているため、すべてのテーブルで同じ設定を使用できます。私がやりたいのは、特定の id を持つ th の 1 つに遭遇する場所に設定してから、並べ替えを外して列のサイズを調整することですが、 td には特定の ID があります。