問題タブ [primeng-treetable]
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.
typescript - PrimengTreeTable と Angular 8 を使用して、すべての子レベルに異なるヘッダーを設定します
子レベルのデータに異なるヘッダーを設定する必要があります。Angular 8 で PrimengTreeTable を使用しています。親レコードには、n 番目のレベルの子を含めることができます。レベルごとに、異なるヘッダーを表示したいと考えています。レベルごとに異なるテーブルを表示するようなものです。これで私を助けてください。
primeng - Tree Table の PrimeNG で JSON データを Tree Node インスタンスに自動マッピングする方法はありますか?
UI のツリー テーブルに表示する必要があるサーバーからの JSON データがいくつかあります。そのために PrimeNG Tree Table コンポーネントを使用しています。私が直面している問題は、ツリー テーブルが特定の形式のデータを必要とすることです。
例えば:
これは私がサーバーから取得しているデータです:
ただし、ツリー テーブルには次の形式のデータが必要です。
解析している JSON の複雑さが大きいため、これを手動で行うのは難しくなります。JSONデータをツリーテーブルが望む方法に自動マップする方法はありますか?
ツリー ノード インターフェイスは次のようになります。ツリー ノードは、ツリー テーブルの 1 つの行を表します。
javascript - PrimeNg Tree テーブルの列グループをスクロールできない列と組み合わせる方法は?
を使用してprimeng 7.1.3
います。
私が作成しようとしているのは、scrollable tree table
(水平および垂直) です。
- 1番目
column not scrollable
groups of column
1枚目を除く2枚
私はこのようなものを得ることができました: StackBlitz code .
編集開始 --------------------------------------------------- ----
回避策を見つけたので、Stackblitz リンクを更新して問題を修正しました。元の問題を見たい場合ngAfterViewInit()
は、app-component.ts
ファイル内のをコメントしてください。上記の解決策により、質問のタグも更新されました。
編集終了--------------------------------------------------- --------
私が理解していることから、最初の列の上に2つのグループを配置し、残りempty cell the size of 2 rows
の列をそのままにしておく必要があります。
ツリー テーブルのドキュメント: PrimeNg ツリー テーブルのドキュメント
これを解決する方法についてのヒントはありますか?
ありがとう。
angular - Primeng Treetable のさまざまな子レベル ヘッダー
子レベルのヘッダーが異なるprimengツリーテーブルを実装するにはどうすればよいですか? angular 7 を使用しており、primeng V7 データは以下のようになります。
そして子要素は