問題タブ [angular-datatables]

angular-datatable( angular-datatables )での列の並べ替えに問題があります。

質問をよりよく理解するために、 : angular-datatable column draggable out of the table をご覧ください。

したがって、私が望んでいたことを正確に実行する単純なドラッグドロップ/列の並べ替えディレクティブを見つけることができました。

リンク: ColumnReordering (これにはきちんとしたドラッグドロップ/列の並べ替えの実装があります)

そこで、ここで見つけることができる angular-datatable と結合しようとしました angular-dataTable Integration

angular-datatableを統合するために最初のプランカーで行った手順：

index.html 内

• < スクリプト src="http://code.jquery.com/jquery-1.10.1.min.js" />

• < スクリプト src="//cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js" />

• < スクリプト src="http://code.angularjs.org/1.2.11/angular.js" />

• < script src="http://l-lin.github.io/angular-datatables/dist/angular-datatables.min.js" />

datatablesDIに追加

datatable="ng"tabletemplate.html に追加

問題 列の並べ替えが発生していますが、影響する機能はありませんdatatable。Web コンソールでエラーを確認できます。問題を把握できませんでした。

このリンクで Angularjs Datatable サーバー側のページネーションを作成しようとしています https://l-lin.github.io/angular-datatables/#/serverSideProcessing

だから私はこのコードを使用します

dataSrc パラメータに recordsTotal、recordsFiltered、および行を手動で追加しました

これは、recordsTotal、recordsFiltered、および行を追加する前後の json データです。

追加前のjsonデータ

追加後のjsonデータ

問題はページネーションが機能しないことであり、データテーブルはすべてのデータを 1 ページに表示し、ページングボタンをクリックしても何もしませんでした。

私は正常に動作する角度データテーブル構成を持っています。私の設定は次のようになります

ただし、データを更新するフィルタリング機能もあるrecordsTotalため、ページネーションを再レンダリングする必要があります-最後のボタン番号を変更する必要があります。しかし、それは発生しません。呼び出す方法はありますか

コントローラーから？ページネーションを更新するオブジェクトとメソッドは?

JavaScriptでは、私は持っています

他のオプションで。HTML には、4 つの列を持つテーブルがあります。列を移動しないとうまくいきます。ただし、列を移動すると、検索ボックスがうまく機能しません。解決策はありますか？

Plunkr は次のとおりです: http://plnkr.co/edit/uPv8FoUrJkQWnEaE2AQY?p=preview

script.js には列移動ロジックがあります。

.withLightColumnFilter 関数を追加した後、ここに私の Plunkr があります: http://plnkr.co/edit/Y6qTGzNWOnGGCYS3f3yi?p=preview

script.js には .withLightColumnFilter 実装があります

Web コンソールでわかるように、エラーが発生し、先に進むことができませんでした。

プロジェクト内のテーブルは、次のように実装されるようになりました。

このテーブルに関連するコード:

今のところ、列を除いて問題ないようですUser Group Role-オブジェクトの形式のデータがあるため、を使用して展開する必要がありng-repeatます。最終的に適用するコールバックを認識してinitCompleteいますが、展開自体をどのように実行するかわかりません。つまり、各セルで操作したいのですが、行全体にしかアクセスできません。renderWith()関数を試してみましたが、まったく機能vm.dtColumnsしません。正しい方向を教えていただけますか？

レンダリング後に DtInstance が読み込まれません。誰もがこの問題に直面しました。