Ag-Grid - 最後の行に境界線を設定する方法

Question

私はReactでAg-Gridを使用していますので、最後の行の後に境界線を表示する方法を見つけることができないようです。グリッドはそれなしでは不完全に見えます。添付の画像を参照してください。 Need the border bottom after the last row

私は、次のCSSを設定しようとしましたが、それは動作しません：ドキュメントで

.ag-footer-cell-entire-row { 
    border-bottom: solid 1px black !important; 
} 

を、私はまた、rowStyleプロパティを見て、それを使用しようとしましたが、私は理解できません現在の行が最後の行かどうかを判断する方法を説明します。誰かが私を正しい方向に向けることができたら大変感謝します。

Answer 1

rowStyleを使用すると、実際にはgetRowStyleを使用する必要があります。docsごとにCSS値のオブジェクトを返す必要があります。ここにあなたの関数がどのように見えるかの例です：

gridOptions = { 
    ... 
    getRowStyle: lastRowBorder 
    ... 
} 

function lastRowBorder(params){ 
    if (params.node.rowIndex == params.api.rowModel.rowsToDisplay.length - 1){ 
     return {border-bottom: thick green} 
    } 
    else { 
     return {} 
    } 
} 

私は、この比較params.node.rowIndex == params.api.rowModel.rowsToDisplay.length - 1は、すべてのケースで動作することを信じて、私はそれを自分でテストしていません。 params.api.lastChildがありますが、それは最後の行nodeの場合にのみ当てはまるのか、それともグループの最後のnodeに当てはまるのかわかりません。これはあなたがしているようです。いずれにしても、私が提供した比較が機能しない場合は、 paramsには有益です。 AGグリッドは絶対位置に依存しているため、ほとんどの場合、きれいな解決策ではありません最後の子に到達しようとするCSSセレクタを使用しようとしているのルートを行く側の注意点としては

---

、...意味グリッドの最後の行はDOMの真ん中にある可能性があります