如何使 ag-grid 列与列中最大的文本一样宽

Posted 2023-03-28

技术标签:

【中文标题】如何使 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 列与列中最大的文本一样宽的主要内容，如果未能解决你的问题，请参考以下文章

如何将列与列组合以获取数据列表中的结果（Python）？

如何使 div 中的 flexbox 具有 2 列与 mat-chips/angular material2 的 ngFor？