如何在 ag-grid 中增加列标题的高度
How to increase the height of column header in ag-grid?
有没有办法像我们对宽度一样增加列标题的高度。我需要这个,因为我在标题中嵌入了一个饼图并且已绑定,但列太短而无法完全显示它。有没有办法增加列标题的大小。
你有一个属性标头网格选项中的高度
检查 https://www.ag-grid.com/javascript-grid-properties/index.php
您也可以使用网格 API 根据标头内容添加运行时:
onGridReady(params) {
this.gridApi = params.api;
this.gridApi.setHeaderHeight(<set your header height in pixel>);
}
将onGridReady()
函数绑定到 gridReady 事件,如下所示:
<ag-grid-angular(gridReady)="onGridReady($event)"> </ag-grid-angular>
标题高度属性也可以直接在网格组件上以像素为单位设置,如下所示:
<ag-grid-vue style="width: 100%;height: 47vh;"
class="ag-theme-balham"
:columnDefs="columnDefs"
:rowData="rowData"
headerHeight="50">
</ag-grid-vue>
检查列标题文档 https://www.ag-grid.com/javascript-grid-column-header/
两个选项
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);
}
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- CSS-如何定位内容数据标题
- ExtJS——在展开/折叠时调整面板高度
- 分析高度属性时出现意外值{{specs.height}}.index.html
- 单击页面上的链接后高度发生变化
- 在PHP中使用javascript更改页面标题'if'
- Brightcove获取/显示HTML中的当前视频标题和描述
- 不加载宽度和高度的角度pintura
- React组件-设置页面标题
- 在按钮改变高度后使标题保持不变
- 如何在 ag-grid 中增加列标题的高度
- 向下滚动时降低标题的高度 - jQuery
- 标题菜单的高度增加了,但在HTML源代码中什么也没发生
- 我如何才能将这个响应性的html5视频标题重写到更小的高度
- 根据scrollTop值缩小标题高度和填充
- 不增加标题的高度,我们可以修复布局
- 标题在滚动100%屏幕高度调整大小
- 如何在自定义高度和宽度的新弹出窗口上更改窗口标题
- 获取标题的高度,并在滚动到标题之外时显示顶部导航
- 最大高度不'在表格标题上没有按预期工作