为了账号安全,请及时绑定邮箱和手机立即绑定

Ag 网格仅在组值之间放置边框

Ag 网格仅在组值之间放置边框

繁华开满天机 2023-01-06 15:12:04

附上我的 plunker 链接 [https://plnkr.co/edit/lnF09XtK3eDo1a5v]

我们是否可以选择在不同的组值之间设置边框。在此示例中,国家/地区是组,让我们说美国行已完成,我们能否获得底部边框来描述组值的结尾


查看完整描述

1 回答

?
慕侠2389804

TA贡献1494条经验 获得超6个赞

您可以使用rowClassRules它来确定哪些行应该具有特定的样式。在您的情况下,您可能希望设置border-top组中第一行减去表中第一行的样式。所以它会是


<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;

}



查看完整回答
反对 回复 2023-01-06
  • 1 回答
  • 0 关注
  • 12 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信