問題タブ [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.
angularjs - ag-grid Grouping - null 値を持つ行を非表示にする
ag-grid のグループ化を使用して、複数のレベルの貸借対照表を表示しようとしています。それは機能しますが、データにnull
は階層がレベルをスキップする場所があり、これらの行を非表示にしたい-例:
したがって、私のグリッドでは、Liabilities
階層は問題ないように見えますが、Assets
階層にはとnull
の間に 2 つのレベルがAssets
ありCash
ます。行を非表示にしたいnull
。添付の写真を参照してください:
ここでNiallが言及した構成を使用して、これを機能させようとしています:
また:
しかし、私のrowData
はではなくnull
、groupColumnDef
です。
/に必要gridOptions.rowNode.data
ですか? これを解決する方法がわかりません。ng-if
ng-show
コントローラーのコードは次のとおりです。
ag-grid - ag-grid でヘッダーをワードラップする方法
ag-grid を使用して、長いヘッダーを 2 行に分割する方法はありますか...
columnDefs headerName: の中断により、'Long<br />Header'
そこに途中まで到達します (開発ツールを使用すると、テキストに br があることがわかります) が、周囲の要素の 1 つの高さが 25px です。<div class="ag-header" style="height: 25px;">
これにより、ヘッダーの 2 行目が表示されなくなると思います。
グループヘッダーを一時的に使用してテキストを分割することについて疑問に思いましたが、長期的には (グループ化する必要がある場合)、それはオプションではありません...
javascript - グリッド API ブール値が === 'true' の場合に CSS を変更する
groupedHeader を追加できる ag-grid を使用しているため、サブヘッダーの選択を展開および折りたたむことができるヘッダーです。グリッドの API にはブール値gridAPI.expanded
があり、展開されている場合は true を返し、展開されていない場合は false を返します。
このブール値に基づいて、グリッドを保持する div の幅を調整しようとしています。
ng-style
divで withを使用しようとしましng-if
たが、ブール値 (スコープに入れました) を取得しません:
グリッドが展開されているかどうかを知る唯一の方法は、このブール値を使用することです。
これを機能させる方法についてのアイデアはありますか?
angularjs - Angular Ag-Grid の動的列ヘッダー
JSON応答から列ヘッダーを動的にロードする必要があるAGグリッド(UIグリッドではない)を作成しようとしています。私は多くの方法を試しましたが、達成できなかったので、どんな助けも非常に価値があります.
グリッド – 私が期待している形式(画像添付)
グリッドでは、最初の 2 列の部品番号と部品名が固定されています。残りの列は動的で、グリッドを初期化する前に列ヘッダーが決定されません。
JSON 形式をグリッド形式に変更する準備ができました
JSON 形式
javascript - ag-grid に新しい列を追加
columnDefs とデータを含む ag-grid があります。列数は固定されていないため、事前に columnDefs を定義することはできません。
既存のグリッドに新しい列を追加する方法(最初の位置で、シフト解除のようなものとしましょう)?
ヘッダー1 | ヘッダー2
値1 | 値2
結果は次のようになります。
newcol1 | ヘッダー1 | ヘッダー2
newval1 | 値1 | 値2
angularjs - 選択した日付に基づいて新しいデータをグリッドにロードした後、フィルターがリセットされない
グリッドに入力するための選択基準として日付フィールドを使用しています。新しいデータがグリッドにロードされようとしているときに、以前に適用したフィルターをリセットしたいと考えています。ただし、フィルターが削除されず、フィルターのメニュー アイコンが選択ボックスの下に追加の値を表示しているため、グリッドの行数が少ない場合は非常に混乱します。これを私のangularjs Webサイトで使用しています。これを解決するために私を助けてください。
私はすでにgithubでも問題を開いています。以下はリンクです: https://github.com/ceolter/ag-grid/issues/606