ag-grid setColumnVisible 不起作用

标签 ag-grid

我还需要做些什么来确保 gridOptions.columnApi.setColumnVisible 做它在锡上所说的吗? :-

此代码在运行时在渲染网格上运行,应该立即隐藏该列,但什么也不做:-

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

最佳答案

造成这种情况的两个可能原因:

  • 当您尝试隐藏列时,网格尚未准备好。这可能不是您所说的网格已呈现的情况,但值得检查
  • 您没有使用正确的列标识符。这可以是列 id 或 Column 对象。

  • 可能是后者 - 您是否可能使用标题名称而不是字段/列 ID?

    例如,如果你有这个:
    var columnDefs = [
        {headerName: "Athlete", field: "athlete", width: 200}
    ];
    

    那么第一个参数将是 'athlete' ,不是 'Athlete' .

    您还可以指定 colId 以排除任何冲突,然后在您的 api 调用中使用此 ID:
    var columnDefs = [
        {headerName: "Athlete", field: "athlete", width: 200, colId: "athleteCol"}
    ];
    

    但这通常不是必需的。

    关于ag-grid setColumnVisible 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42366918/

    相关文章:

    css - 如何更改 ag-grid 行组缩进?

    ag-grid - 有人有 AG-Grid 的法语翻译吗?

    javascript - Ag-grid:修改过滤器窗口而不覆盖过滤器逻辑

    angular - Ag-grid Angular 如何获取 Header 上的点击事件?

    javascript - 仅对 Ag-Grid 上的某些行进行分组

    javascript - ag-grid 显示自定义叠加层

    javascript - 农业网格 : Restoring state is moving auto group column to the right

    angular - 使用angular2的ag-grid外部过滤器

    typescript - 动态更改 headerName ag-grid Angular 2?

    ag-grid - 禁用列单元格选择