ng-view not getting updated when there is ng-grid inside it

Question

Please take a look at following plunker http://plnkr.co/edit/34JedA It is a simple app with a ng-grid. What I need to do is navigate to the edit page when the edit button is clicked. What happens is instead of going to the edit page columns in the grid get messed up. Could anyone please explain why it is happening and what I could do to correct it.

Answer 1

There seems to be a problem with the ng-grid version you are using, I changed to the latest version I found and it worked.

  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.8/ng-grid.debug.js"></script> 

Example: http://plnkr.co/edit/5myA2K?p=preview

Answer 2

Do not include file with following header.

/***********************************************
* ng-grid JavaScript Library

* Compiled At: 04/22/2014 16:27
***********************************************/

instead of this, please add

/***********************************************
* ng-grid JavaScript Library

* Compiled At: 04/07/2014 16:55
***********************************************/