グリッド内の行をグループ化する

グループ化行を使用していますが、グループの長さをスタイルする必要があります。例では、グループラベルは "+タイトルgrouo（3）"のようです。私は '（3）'をスタイルする必要があります。たとえば、ブーツラップラベルを付けます。どのように私はそれをスタイルできますか？グリッド内の行をグループ化する

出典

2016-09-14 Pedro

ag-gridは非常に堅牢で、カスタマイズのオプションが豊富です。私はエンタープライズ版を使用していないので、あなたの質問に答えなければならないほど行グループ化のオプションを使用していません。しかしここに私が見つけたものがあります。

グループ自体に特別な列を設定する場合は、cellRendererがあります。このセルレンダラーでは、好きなようにhtmlをカスタマイズできます。グループの列columnDefsの属性です。

また、グループに行全体を使用させ、グループに別の列を持たせたくない場合groupRowRenderer or groupRowInnerRenderer callback which are attributes of the gridOptionsを使用してください。

HereはgroupRowInnerRendererを使用するag-Gridの提供する例で、探しているものと似ているようです。あなたが迅速かつ最も簡単なオプションを探しているなら

最後に、あなただけのあなたがその適切なブートストラップのスタイルを持つように操作することができますスパン要素の配列を与えるクラスag-group-child-countを見つけることjQueryまたは通常DOM lookupsを使用することができますあなたは

TLたい; DR

これを実行します。あなたの答えのための

document.getElementsByClassName("ag-group-child-count").add("bootstrap-label")

出典

2016-09-19 22:08:24

ハローおかげで、私の場合、私が使用して考えます最も速い方法は良いですが、不幸にも私は "ag-group-child-count"と呼ばれるクラスを持っていません。 – Pedro

これはあなたが作成したクラスではなく、ag-gridの初期化時に作成されるクラスです。開発者ツールの要素を見てみると、そこにクラスが表示されます。私は[この例のag-grid]（https://www.ag-grid.com/javascript-grid-grouping/example1.html）に行き、デベロッパーコンソールを開き、あなたの番号に関連付けられたクラスを見つけました探しています。私はこれがデフォルトレンダラーであると仮定しましたが、そうでなければ、ユースケースに必要な正しいクラスを見つけることができるはずです –

グリッド内の行をグループ化する

答えて

関連する問題