Create and destroy grids

Destroy and re-create the grid, with different rowData (Vanilla JS, Angular)

The following example shows the use of gridOptions.api.destroy() to destroy the current grid, and then re-assign it to create a new one. For the purpose of example, the new grid will be created with an alternate row data.

Vanilla JS (30.0.6)

https://plnkr.co/edit/5gG3ntJHpKEjckjM

Angular

https://next.plnkr.co/edit/95RG6dieL8VRqP1l

React

Class-based components: https://plnkr.co/edit/3nf7nytLIAeWaE15

Hooks: https://plnkr.co/edit/BTYpZvcYP8BHTfSx 

Vue

https://plnkr.co/edit/1yvDWYhfZFQZRnyf 

Vue/TypeScript

https://github.com/AhmedAGadir/vue-typescript-ag-grid-example