（ag-grid）对动态添加的列进行动画处理

Question

正如我们在https://www.ag-grid.com/javascript-grid-column-menu/上看到的那样，当用户从菜单中选中/取消选中一列时，网格会为其他列设置动画。

我通过使用columnDefs动态介绍一些列：

this.columnDefs = [
  { headerName: 'Name', field: 'name', width: 200 },
  { headerName: 'S01F01', hide: this.solver !== 'solver1', field: 'age', width: 90, suppressToolPanel: true },
  ...
];

我已将hide / show标志绑定到UI上的按钮，这些按钮将在需要时将一组列带入网格。尽管这些列显示适当，但它们只是出现而不是动画到网格中。我了解这是因为每次用户单击按钮时，我只是在更新整个网格的columnDefs。

我是否可以通过单击按钮来显示这些列，同时触发动画？

Answer 1

除非您具有此网格属性suppressColumnMoveAnimation=true，否则默认情况下列应启用动画。
按照docs

  

默认情况下，列动画处于打开状态，而行动画则处于关闭状态   默认。这与预期中最常见的保持一致   默认配置。