javascript - ag-grid で列ヘッダーの高さを増やす方法は?

Question

幅の場合と同じように、列ヘッダーの高さを増やす方法はありますか? ヘッダーに円グラフを埋め込み、バインドされていますが、列が短すぎて完全に表示できないため、これが必要です。列ヘッダーのサイズを大きくする方法はありますか。

Answer 1

gridOptions にプロパティ headerHeight があります

https://www.ag-grid.com/javascript-grid-properties/index.php を確認してください

Answer 2

check Column Headers documentation https://www.ag-grid.com/javascript-grid-column-header/

two options

1- properties that can be used to change the different heights

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

2- setter methods that can be called from the API

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