我想改变(增加/减少)我的树数据中每个内部组的缩进幅度(当前默认值是28px)。但是,我在文档中找不到相同的任何配置选项。我能找到的最接近的方法是suppressPadding,它完全禁用填充。我尝试使用DOM穿透CSS,但发现每个级别都有不同的CSS类(例如ag-row-group-indent-2),这使得在容器组件中编写通用CSS规则变得困难。
目前,我正在一个循环中重写样式,这似乎是有效的
// Taken from https://github.com/ag-grid/ag-grid/blob/master/dist/styles/ag-theme-base/sass/parts/_grid-layout.scss
// support 20 levels here because row group indentation is used for tree data which can be quite deep
@for $i from 1 to 20 {
.ag-row-group-indent-#{$i} {
padding-left: $i * 8px;
}
.ag-row-level-#{$i} .ag-row-group-leaf-indent {
margin-left: 40px;
}
}