私はDatatablesというプラグインによって管理されるテーブルを持っています。いくつかの行は同一であり、1つを除いてそれを隠して、数字を見つける列(D)の合計を作成します。もっと理解するために私の写真を見てください。datatablesプラグインで同様のデータを非表示にする方法
答えて
これはdjangoプロジェクトのようです。私はプレゼンテーションとロジックを混在させていると思います。これはほとんどのジャンゴリズムに反するものです。 これはPythonでこれを行い、このクライアント側でdatatables APIを扱うのではなく、DOMセットに一意のセットを渡すのが簡単です。しかし、あなたが本当にjqueryをスローグしたい場合、それは可能ですが、おそらく非常にきれいではありません。
おそらく、列の初期化でいくつかの魔法を使うことができます。それはあまりにも多くのなら、あなたはここでの問題は、これが唯一の「引き分け」に呼ばれている、あなたがページングをやっているならば、それはかもしれないテーブルをループそれが描かれています可能性があり、その後、行
$('#table2excel').on('draw.dt', function(){
$(this).find('tr').each(function(e) {
//do row comparison
}
})
を削除奇妙なページ番号(10のうち2つを取ると、おそらくちょうどあなたに8が表示されます)ので、ページングは変です。
実際に試したことの証拠は表示されていないので、私は本当にあなたに与えることができますが、始めるには十分なはずです。
私はページングを使用していません - ページング:偽、私は試してみましたが、私はちょうどjs/jqueryを2週間前に発見して4日前にdatatablesと私はそれを学ぶのを終えていません。これはSymfonyプロジェクトです。 – toto
DataTablesでグループ化することで実現できます。
DataTableでは実際には公式のグループ化機能はありませんが、drawCallbackを使用して独自のグループ化機能を作成することは可能です。
がrow grouping - DataTablesからこの例を見てみましょう:
var table = $('#table2excel').DataTable({
paging:false,
dom: 'Bfrtip',
buttons: [
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5'
],
"drawCallback": function (settings) {
var api = this.api();
var rows = api.rows({page:'current'}).nodes();
var last=null;
api.column(2, {page:'current'}).data().each(function (group, i) {
if (last !== group) {
$(rows).eq(i).before(
'<tr class="group"><td colspan="5">'+group+'</td></tr>'
);
last = group;
}
});
}
});
drawCallbackは、すべての時間のDataTableと呼ばれる機能が引き分けを行っています。
あなた自身のカスタム関数を作成して、すべての行を繰り返し処理し、それらの同じ値を探し、一致するものがある場合は、両方の行を削除して+を削除し、それらの行を追加します。
あまりにも遅れて申し訳ありません。ありがとう、あなたのソリューションをありがとう私はグループ化を使用したくない、私は以前に加えて私はグループ化が正しくないと述べた重複した行を非表示にしたい。ここをクリックしてください:http://img15.hostingpics.net/pics/504869tabE.png – toto
解決策を理解できませんでした。独自のカスタム関数が必要です!ロジックを描画コールバック関数に入れてください。 –
- 1. jquery selectmenuプラグインでオプションを非表示にする方法
- 2. DataTablesプラグインを使用して特定の行を非表示にしますか?
- 3. JQuery DataTables:複数のテーブルで行の詳細を表示/非表示にする方法は?
- 4. C#でプロセスを非表示/非表示にする方法は?
- 5. PrimeNG DataTablesのp-columnヘッダーのハイライトを非表示にする
- 6. ブートストラップデータテーブルの列を非表示/非表示にする方法は?
- 7. メインウィンドウのクロムエクステンションを非表示/非表示にする方法
- 8. 同じカテゴリの投稿を非表示にする方法
- 9. Powerpointのテーブルからデータを表示/非表示にする方法は?
- 10. 同じ場所にあるdivのデータを表示/非表示しますか?
- 11. MkAnnotationビューのカスタム表示方法テーブルビューのカスタムセルと同様?
- 12. Qt.QPluginLoader。プラグインのクラッシュに対してアプリを非表示にする方法は?
- 13. Java SwingベースのGUIでSplitPaneを非表示/非表示にする方法
- 14. EmberJSでビューを表示/非表示にする方法
- 15. テキストを非表示にしてクリックで表示する方法
- 16. ナビゲーション・ドロワーをプログラムで表示/非表示にする方法
- 17. wicketでyui.calendar.DatePickerを表示/非表示にする方法
- 18. Visual Basicで画面を表示/非表示にする方法
- 19. キーボードアシスタントバーを非表示にする方法
- 20. デフォルトキーボードを非表示にする方法
- 21. アイテムを非表示にする方法
- 22. ウィンドウを非表示にする方法
- 23. ツールバーを非表示にする方法
- 24. ImageButtonを非表示にする方法
- 25. ソースを非表示にする方法
- 26. DataTables応答:列が非表示のときに行を削除
- 27. ルートデバイスなしでアプリを非表示/非表示にする方法5.0 +
- 28. URLからの画像をスクロールビューに非同期で表示する方法は?
- 29. jQuery DatatablesプラグインでCSSを適用する方法
- 30. リストビューの項目を表示/非表示にする方法
一般的に、この問題の解決策を試したことがあり、その試みが何であるかを知りたい人がいます。あなたが問題を解決しようと努力するつもりなら、多くの人が気にしません。 – rob