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

如何将列与列组合以获取数据列表中的结果(Python)?

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

在vba中将列与文本框值相乘

jqgrid 更改列与列之间的顺序。

MySQL行转列与列转行

T-SQL行合并成列与列拆分成行