Javascript 如何在ag网格中增加列标题的高度？

是否有一种方法可以像增加宽度一样增加列标题的高度。我需要这个，因为我在标题中嵌入了一个piechart，它是绑定的，但列太短，无法完全显示它。是否有方法增加列标题的大小

---

您在gridOptions中有一个属性headerHeight

选中

您还可以使用网格api根据标题内容添加运行时：

---

标题高度属性也可以直接在网格组件上设置，以像素为单位，如下所示：

<ag-grid-vue style="width: 100%;height: 47vh;"
    class="ag-theme-balham"
    :columnDefs="columnDefs"
    :rowData="rowData"
    headerHeight="50">
</ag-grid-vue>

---

检查列标题文档

两种选择

1-可用于更改不同高度的特性

<ag-grid-angular
    [columnDefs]="columnDefs"
    [rowData]="rowData"
    [headerHeight]="headerHeight"
    [groupHeaderHeight]="groupHeaderHeight"
    [floatingFiltersHeight]="floatingFiltersHeight"
    [pivotGroupHeaderHeight]="pivotGroupHeaderHeight"
    [pivotHeaderHeight]="pivotHeaderHeight"
></ag-grid-angular>

2-可以从API调用的setter方法

<ag-grid-angular
    [columnDefs]="columnDefs"
    [rowData]="rowData"
    (gridReady)="onGridReady($event)"
 ></ag-grid-angular>

onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;
}

setHeaderHeight(value) {
    this.gridApi.setHeaderHeight(value);
    setIdText('headerHeight', value);
}

setGroupHeaderHeight(value) {
    this.gridApi.setGroupHeaderHeight(value);
    setIdText('groupHeaderHeight', value);
}

setFloatingFiltersHeight(value) {
    this.gridApi.setFloatingFiltersHeight(value);
    setIdText('floatingFiltersHeight', value);
}

setPivotGroupHeaderHeight(value) {
    this.gridApi.setPivotGroupHeaderHeight(value);
    setIdText('pivotGroupHeaderHeight', value);
}

setPivotHeaderHeight(value) {
    this.gridApi.setPivotHeaderHeight(value);
    setIdText('pivotHeaderHeight', value);
}

onGridReady（参数）{
this.gridApi=params.api；
this.gridColumnApi=params.columnApi；
}
setHeaderHeight（值）{
this.gridApi.setHeaderHeight（值）；
setIdText（'headerHeight'，值）；
}
setGroupHeaderHeight（值）{
this.gridApi.setGroupHeaderHeight（值）；
setIdText（'groupHeaderHeight'，值）；
}
设置浮动过滤器八（值）{
this.gridApi.setFloatingFiltersHeight（值）；
setIdText（'floatingFiltersHeight'，值）；
}
setPivotGroupHeaderHeight（值）{
this.gridApi.setPivotGroupHeaderHeight（值）；
setIdText（'pivotGroupHeaderHeight'，值）；
}
setPivotHeaderHeight（值）{
此.gridApi.setPivotHeaderHeight（值）；
setIdText（'pivotHeaderHeight'，值）；
}

我有，它对我没有影响：/ag-grid的第3版，我现在不知道它应该如何工作。

<ag-grid-angular
    [columnDefs]="columnDefs"
    [rowData]="rowData"
    [headerHeight]="headerHeight"
    [groupHeaderHeight]="groupHeaderHeight"
    [floatingFiltersHeight]="floatingFiltersHeight"
    [pivotGroupHeaderHeight]="pivotGroupHeaderHeight"
    [pivotHeaderHeight]="pivotHeaderHeight"
></ag-grid-angular>

<ag-grid-angular
    [columnDefs]="columnDefs"
    [rowData]="rowData"
    (gridReady)="onGridReady($event)"
 ></ag-grid-angular>

onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;
}

setHeaderHeight(value) {
    this.gridApi.setHeaderHeight(value);
    setIdText('headerHeight', value);
}

setGroupHeaderHeight(value) {
    this.gridApi.setGroupHeaderHeight(value);
    setIdText('groupHeaderHeight', value);
}

setFloatingFiltersHeight(value) {
    this.gridApi.setFloatingFiltersHeight(value);
    setIdText('floatingFiltersHeight', value);
}

setPivotGroupHeaderHeight(value) {
    this.gridApi.setPivotGroupHeaderHeight(value);
    setIdText('pivotGroupHeaderHeight', value);
}

setPivotHeaderHeight(value) {
    this.gridApi.setPivotHeaderHeight(value);
    setIdText('pivotHeaderHeight', value);
}