Question

我希望使用高山深色主题，只是调整行高。

这是我在组件中导入的.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)
    )
  );
}

显示背景颜色，所以我知道一切都正确导入了。

row-height的默认值为ag-derived(grid-size, $times: 7)，最终从node_modules/ag-grid-community/dist/styles/ag-theme-alpine/sass/_ag-theme-alpine-default-params.scss导入。

不确定此ag-derived的魔力是什么，或$times的值是什么。我本以为降低我的.scss中的$times值会影响行高，但是似乎只是改变了单元格的行高。

此外，如果我在.scss中设置row-height: 100px，则行高保持不变，并且单元格中的行高更改为98px。

如果我在网格属性中设置rowHeight={100}，则可以使用，但是行高仍然为40px。

设置headerHeight={100}可以正常工作-高度和行高均为100px。

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

老实说，我不明白为什么必须如此困难-真令人沮丧。

编辑：

为使此功能暂时正常运行，我设置了以下网格属性：

floatingFiltersHeight={32}
rowHeight={32}
headerHeight={32}

并将以下内容添加到我组件的.scss中：

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

无法更改行高

0 个答案: