ag-grid:key.forEach 在调整列大小时不是函数控制台错误

Posted

技术标签:

【中文标题】ag-grid:key.forEach 在调整列大小时不是函数控制台错误【英文标题】:ag-grid: key.forEach is not function console error while resizing column 【发布时间】:2021-03-29 00:55:40 【问题描述】:

在我的应用程序中,我使用的是 ag-grid 视图。为了解决最后一个空的伪列问题,我正在使用 ag-grid 的“autoSizeColumns”方法调整最后显示的列的大小。它正在工作,但我收到控制台错误。

这是在初始渲染时调整最后一列大小的代码

onDataRendered () 
  const colIds = this.gridOptions.api.columnController.getAllDisplayedColumns().map(c => c.colId); 
   const lstColumn = colIds[colIds.length - 1];
   this.gridOptions.columnApi.autoSizeColumns(lstColumn); // problem is here
    setTimeout(() => 
      this.gridOptions.api.sizeColumnsToFit();
    , 50);
,

错误截图

我已尝试将 .map 更改为 forEach 方法,但仍然出现此错误。

【问题讨论】:

【参考方案1】:

根据docs,autoSizeColumns 函数接受列键作为数组,因此您只需像这样传递它。你必须改变你的这条线 this.gridOptions.columnApi.autoSizeColumns(lstColumn);this.gridOptions.columnApi.autoSizeColumns([lstColumn]); 现在它应该可以工作了。这是工作Plunker Example

【讨论】:

以上是关于ag-grid:key.forEach 在调整列大小时不是函数控制台错误的主要内容,如果未能解决你的问题,请参考以下文章

Ag-grid 过滤器菜单自动调整大小

角度 ag-grid 调整大小问题

反应 ag-grid 自动调整列大小和网格宽度

Ag-Grid:一旦列超出容器大小,调整列宽并显示水平滚动条

与 ember.js 中的模态叠加一起使用时,ag-grid 调整列的大小需要很长时间才能响应

如何通过排序命令按列大文件唯一?