css - 如何更改 ag-grid 行组缩进？

Question

我想更改(增加/减少)我的 Tree Data 中每个内部组的缩进量(当前默认值为 28px) .但是，我在文档中找不到相同的配置选项。我能找到的最接近的东西是 suppressPadding ，它完全禁用填充。我尝试使用 DOM 穿孔 CSS，但发现每个级别都有不同的 CSS 类(例如 ag-row-group-indent-2)，这使得在我的容器组件中编写通用 CSS 规则变得困难。

Answer 1

目前，我正在循环覆盖样式，这似乎有效

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