首頁猿問 Ag 網(wǎng)格僅在組值之間放置邊框

Ag 網(wǎng)格僅在組值之間放置邊框

JavaScript

繁華開滿天機(jī) 2023-01-06 15:12:04

附上我的 plunker 鏈接 [https://plnkr.co/edit/lnF09XtK3eDo1a5v]我們是否可以選擇在不同的組值之間設(shè)置邊框。在此示例中，國家/地區(qū)是組，讓我們說美國行已完成，我們能否獲得底部邊框來描述組值的結(jié)尾

查看完整描述

1 回答

慕俠2389804

TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊

您可以使用rowClassRules它來確定哪些行應(yīng)該具有特定的樣式。在您的情況下，您可能希望設(shè)置border-top組中第一行減去表中第一行的樣式。所以它會(huì)是

<AgGridReact

...

rowClassRules={{

"first-row-in-group": (params) =>

params.node.rowIndex !== 0 && params.node.firstChild

}}

/>

在你的 CSS 文件中

/* style expanded row group */

.first-row-in-group,

/* style collapsed row group */

.ag-row-group-contracted {

border-top: tomato solid 1px !important;

}

反對回復(fù) 2023-01-06

關(guān)注

舉報(bào)

0/150

提交

取消

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)