如何使 ag-grid 列与列中最大的文本一样宽
Posted
技术标签:
【中文标题】如何使 ag-grid 列与列中最大的文本一样宽【英文标题】:How to make ag-grid column as wide as largest text in column 【发布时间】:2020-09-20 00:36:15 【问题描述】:我想删除我用黑线标记的那些空白。因为我想sizeToFit
并且当我向数据集添加新列时,我不想在这些列中看到带有 .... 的文本。
Plunkr 示例:https://plnkr.co/edit/510MSisTzhw4t6Cy
【问题讨论】:
【参考方案1】:你必须在初始化时调用gridOptions.columnApi.autoSizeColumns
:
function autoSizeAll(skipHeader)
var allColumnIds = [];
gridOptions.columnApi.getAllColumns().forEach(function(column)
allColumnIds.push(column.colId);
);
gridOptions.columnApi.autoSizeColumns(allColumnIds, skipHeader);
https://www.ag-grid.com/javascript-grid-resizing/#auto-size-columns
【讨论】:
以上是关于如何使 ag-grid 列与列中最大的文本一样宽的主要内容,如果未能解决你的问题,请参考以下文章
如何使 div 中的 flexbox 具有 2 列与 mat-chips/angular material2 的 ngFor?