AgGrid：applyColumnState 不是函数

Question

我在我的项目中使用 ag-grid，但我在应用 table 状态时遇到问题。这是我来自 onGridReady 函数的代码片段：

 this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;

    if (!window.colState) {
        console.log("no columns state to restore by, you must save state first");
    } else {
        this.gridColumnApi.applyColumnState({
            state: window.colState,
            applyOrder: true,
        });
        console.log("column state restored");
    }

当然取自ag-grid。 在它下面我有 this.gridColumnApi.getAllColumns() 和 this.gridColumnApi.autoSizeColumns() 功能正常。

问题是 this.gridColumnApi.applyColumnState 给我这个错误。

TypeError: _this.gridColumnApi.applyColumnState is not a function

我无法理解为什么在 this.gridColumnApi 上调用的其他函数可以工作，但 applyColumnState 却不能。有什么建议吗？

@编辑 我什至试过这个：

componentWillUnmount() {
    window.colState = this.props.gridColumnApi.getColumnState();
    console.log("column state saved");
    if (this.props.gridColumnApi.applyColumnState) {
        devLog("IT IS HERE");
    } else {
        devLog("its not");
    }
    this.gridColumnApi.resetColumnState();
    console.log("column state reset");
}

但我得到 applyColumnState and resetColumnState is not a function 错误，这里有什么问题？

Answer 1

检查您的 AgGrid 版本。 ColumnApi.applyColumnState() 已添加到版本 24.0.0。

Answer 2

如果您遇到较低的 ag-grid 版本 (< 24.0.0)，请使用 gridOptions.columnApi.setColumnState(prevState)

对于 ag-grid 版本 24.0.0 及更高版本，您可以使用 -

gridOptions.columnApi.applyColumnState({
         state:prevState,
         applyOrder: true,
       });