Javascript 角度栅格大小调整和过渡效果

我有一个带有角度网格的页面，我已经设置好了它，这样我就可以点击一个按钮并将网格的窗格从默认的70%调整到100%。我必须依赖于调用网格api方法“HandleIndowreSize”方法，以便在拉伸发生后网格列得到正确的大小调整/重新格式化

然而，我想加入一个css转换

转换：宽度2s

，这样屏幕上就不会出现这样的光点。然而，

handleIndowerSize

在转换能够完成之前运行，因此我最终得到了一个不完整的网格。在css转换完成后，我也无法调用

handleIndowreSize

，因为这样转换只发生在网格的标题部分，然后重新调整大小，这一切看起来都很难看

我需要的是在整个转换过程中调用

handleIndowreSize

，这样看起来网格随着转换而扩展，但我无法使用Javascript来实现这一点。实际上，转换和

handleindowreSize

需要同步运行，然后

handleindowreSize

将在完成时再次运行，因此它看起来像一个流体屏幕拉伸

目前的代码是：

document.querySelector(".some-btn").on("click", function(){
    document.querySelect(".the-grid").setAttribute("style", "width: 100%; transition: 2s");
    $scope.gridApi.core.handleWindowResize(); // need this to run many times as the grid is transitioning in size.
})

---

你偶然使用了什么网格插件？听起来你使用的是UI网格，对吗？谢谢，添加到主帖子中。