問題タブ [ag-grid]

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

angularjs - ag-grid Grouping - null 値を持つ行を非表示にする

ag-grid のグループ化を使用して、複数のレベルの貸借対照表を表示しようとしています。それは機能しますが、データにnullは階層がレベルをスキップする場所があり、これらの行を非表示にしたい-例:

したがって、私のグリッドでは、Liabilities階層は問題ないように見えますが、Assets階層にはとnullの間に 2 つのレベルがAssetsありCashます。行を非表示にしたいnull。添付の写真を参照してください:

NULL を含む貸借対照表

ここでNiallが言及した構成を使用して、これを機能させようとしています:

また:

しかし、私のrowDataはではなくnullgroupColumnDefです。

/に必要gridOptions.rowNode.dataですか? これを解決する方法がわかりません。ng-ifng-show

コントローラーのコードは次のとおりです。

0 投票する
7 に答える
33454 参照

ag-grid - ag-grid でヘッダーをワードラップする方法

ag-grid を使用して、長いヘッダーを 2 行に分割する方法はありますか...

columnDefs headerName: の中断により、'Long<br />Header' そこに途中まで到達します (開発ツールを使用すると、テキストに br があることがわかります) が、周囲の要素の 1 つの高さが 25px です。<div class="ag-header" style="height: 25px;">これにより、ヘッダーの 2 行目が表示されなくなると思います。

グループヘッダーを一時的に使用してテキストを分割することについて疑問に思いましたが、長期的には (グループ化する必要がある場合)、それはオプションではありません...

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

javascript - グリッド API ブール値が === 'true' の場合に CSS を変更する

groupedHeader を追加できる ag-grid を使用しているため、サブヘッダーの選択を展開および折りたたむことができるヘッダーです。グリッドの API にはブール値gridAPI.expandedがあり、展開されている場合は true を返し、展開されていない場合は false を返します。

このブール値に基づいて、グリッドを保持する div の幅を調整しようとしています。

ng-styledivで withを使用しようとしましng-ifたが、ブール値 (スコープに入れました) を取得しません:

グリッドが展開されているかどうかを知る唯一の方法は、このブール値を使用することです。

これを機能させる方法についてのアイデアはありますか?

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

angularjs - Angular Ag-Grid の動的列ヘッダー

JSON応答から列ヘッダーを動的にロードする必要があるAGグリッド(UIグリッドではない)を作成しようとしています。私は多くの方法を試しましたが、達成できなかったので、どんな助けも非常に価値があります.

グリッド – 私が期待している形式(画像添付)

グリッドでは、最初の 2 列の部品番号と部品名が固定されています。残りの列は動的で、グリッドを初期化する前に列ヘッダーが決定されません。

JSON 形式をグリッド形式に変更する準備ができました

JSON 形式

AG GRID サンプルフォーマット

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

javascript - ag-grid に新しい列を追加

columnDefs とデータを含む ag-grid があります。列数は固定されていないため、事前に columnDefs を定義することはできません。

既存のグリッドに新しい列を追加する方法(最初の位置で、シフト解除のようなものとしましょう)?

ヘッダー1 | ヘッダー2

値1 | 値2

結果は次のようになります。

newcol1 | ヘッダー1 | ヘッダー2

newval1 | 値1 | 値2

0 投票する
0 に答える
202 参照

angularjs - 選択した日付に基づいて新しいデータをグリッドにロードした後、フィルターがリセットされない

グリッドに入力するための選択基準として日付フィールドを使用しています。新しいデータがグリッドにロードされようとしているときに、以前に適用したフィルターをリセットしたいと考えています。ただし、フィルターが削除されず、フィルターのメニュー アイコンが選択ボックスの下に追加の値を表示しているため、グリッドの行数が少ない場合は非常に混乱します。これを私のangularjs Webサイトで使用しています。これを解決するために私を助けてください。

私はすでにgithubでも問題を開いています。以下はリンクです: https://github.com/ceolter/ag-grid/issues/606