Ag grid 无法更改行高度
我希望使用阿尔卑斯黑暗主题,只是调整行高度 这是我在组件中导入的.scss文件: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
@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;}}