ag-grid setColumnVisible不能正常工作

Question

有什麼我需要做的，以確保gridOptions.columnApi.setColumnVisible做它所說的錫嗎？ ： -

此代碼是在呈現網格上運行，在運行時，應該只是躲瞬間列，但什麼都不做 - 這

gridOptions.columnApi.setColumnVisible("the col name", false); 

Answer 1

兩個可能的原因：

• 網格當您嘗試隱藏列時未準備好。這可能不是你所說的網格已經被渲染的情況，但是它值得檢查
• 你沒有使用正確的列標識符。這可以是列ID或列對象。

它可能是後者 - 你可能使用標題名稱而不是字段/ col ID？

舉例來說，如果你有這樣的：

var columnDefs = [ 
    {headerName: "Athlete", field: "athlete", width: 200} 
]; 

然後第一個參數是'athlete'，不'Athlete'。

您還可以指定colId排除任何衝突，然後在你的API調用使用該ID：

var columnDefs = [ 
    {headerName: "Athlete", field: "athlete", width: 200, colId: "athleteCol"} 
]; 

但這不是必需的。

Answer 2

談到奧裏利亞AG-電網示例代碼： 我在運行中隱藏列如* .TS組件的構造如下：

this.gridOptions.onGridReady =() => { 
    ...snip 
    this.columnApi = that.gridOptions.columnApi; 
    this.gridOptions.columnApi.setColumnVisible('REQCONTEXT', false); 
}//onGridReady 

其中「REQCONTEXT」是列的名稱隱藏。