Ag grid 无法更改行高度

Ag grid 无法更改行高度,ag-grid,ag-grid-react,Ag Grid,Ag Grid React,我希望使用阿尔卑斯黑暗主题,只是调整行高度 这是我在组件中导入的.scss文件: @import '../../../node_modules/ag-grid-community/src/styles/ag-grid.scss'; @import '../../../node_modules/ag-grid-community/src/styles/ag-theme-alpine-dark/sass/_ag-theme-alpine-dark-mixin.scss'; .ag-theme-al

我希望使用阿尔卑斯黑暗主题,只是调整行高度

这是我在组件中导入的.scss文件:

@import '../../../node_modules/ag-grid-community/src/styles/ag-grid.scss';
@import '../../../node_modules/ag-grid-community/src/styles/ag-theme-alpine-dark/sass/_ag-theme-alpine-dark-mixin.scss';

.ag-theme-alpine-dark {
  @include ag-theme-alpine-dark(
    (
      background-color: red,
      row-height: ag-derived(grid-size, $times: 2, $plus: 1)
    )
  );
}
显示背景色,因此我知道所有内容都已正确导入

行高的默认值是
ag-derived(网格大小,$times:7)
最终从
node_modules/ag-grid community/dist/styles/ag-theme-alpine/sass/_-ag-theme-alpine-default-params.scss导入

不确定这个
ag派生的
魔术是什么,或者
$times
值是什么。我本以为降低.scs中的
$times
值会对行高产生影响,但它似乎只是改变了单元格的行高

此外,如果我在.scss中设置了
行高:100px
,行高将保持不变,单元格中的行高将更改为98px

如果我在网格属性中设置了
rowHeight={100}
,那么这是可行的,但是行高仍然是40px

设置
headerHeight={100}
的效果与预期一样-高度和线条高度均为100px

此外,我需要修改浮动过滤器行高度,但似乎没有办法做到这一点

老实说,我不明白为什么这么难——真是令人沮丧的事情

编辑:

因此,为了使其暂时起作用,我将设置以下网格属性:

floatingFiltersHeight={32}
rowHeight={32}
headerHeight={32}
并将以下内容添加到我的组件的.scs中:

.ag-cell {
   line-height: 32px;
}

通常,要覆盖来自模块的样式,我们首先编写:host::ng deep,然后再进行类声明。例如=>:host::ng deep.ag主题balham{.ag cell{line height:32px;}}}通常,要覆盖来自模块的样式,我们首先在类声明之前编写:host::ng deep。例如=>:host::ng deep.ag主题balham{.ag单元格{line height:32px;}}