問題タブ [ng-container]

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

angular - Angular - mat-footer-row 全体をテーブルの上に移動する方法

私は3つのものを持つng-containerを使用してマテリアルテーブルを使用しています:

a) th(マットヘッダーセル)
b) td(マットセル)
c) td(マットフッターセル)

このテーブルでは、現在、フッター行 (前の行のデータの合計) が期待どおりテーブルの下部に表示されていますが、このビジネス ケースでは、合計行 (mat-footer-cell) を上部に表示する必要があります。これにどのようにアプローチすればよいですか?

テーブルのスニペットを次に示します。

複数のテーブル ヘッダーを作成し、フッターを独自の ng-container に分離しようとしましたが、それは非常に冗長に見え、適切に機能しませんでした。trs を並べ替えると機能しません。したがって、冗長性のない複数のマットヘッダーを定義する、またはこれに対応するために現在のテーブルの構造を単純に操作する他の巧妙な方法があるかもしれませんが、それは私の知識が限られているところです。

要約すると、現在のヘッダー列のすぐ下にあるデータの上にフッター行を移動する必要があります。