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:一旦列超出容器大小,调整列宽并显示水平滚动条