JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://angular-ui.github.com/ng-grid/css/ng-grid.css">
<script src="http://angular-ui.github.io/ng-grid/lib/ng-grid.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
    <body ng-controller="GridExampleCtrl">
	<div>
		Grid Selection:    
		<select ng-model="gridSelectedId">
		    <option ng-repeat="gridSel in gridSels" value="{{gridSel.GridSelId}}">{{gridSel.GridSelName}}</option>
		</select> 	
		
		<br/>User selected:  {{gridSelectedId}} <br><hr>	
	        <button ng-click="display()">Display</button><hr>
	        <div class="gridStyle" ng-grid="gridOptions"></div>
	</div> 
   </body>

CSS

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 800px; 
    height: 400px;
}

JavaScript

var app = angular.module('myApp', ['ngGrid']);

app.controller('GridExampleCtrl', function ($scope, $http, $timeout) {    
	
	$scope.myData = [];
	
	$scope.grid1 = [{name: "grid1a", age: 50},
	                {name: "grid1b", age: 43},
	                {name: "grid1c", age: 50},
	                {name: "grid1d", age: 29},
	                {name: "grid1e", age: 34}];
	  
	$scope.grid2 = [{name: "grid2a", age: 50, state:'Idaho'},
	                {name: "grid2b", age: 43, state:'NewYork'},
	                {name: "grid2c", age: 50, state:'California'},
	                {name: "grid2d", age: 29, state:'Arizona'},
	                {name: "grid2e", age: 34, state:'Utah'}];
	
	$scope.gridSels = [
	                    {GridSelId : 1, GridSelName : 'Grid 1' },       
	                    {GridSelId : 2, GridSelName : 'Grid 2' }
	                    ]
	
	 $scope.gridOptions = { 
		        data: 'myData',
		        enableColumnResize: true,
		        showGroupPanel: true,
		        //pagingOptions: $scope.pagingOptions
		    };
	
	$scope.display = function(){
    	console.log("User selected grid : " + $scope.gridSelectedId);
    	if ($scope.gridSelectedId == 1) {
    		$scope.myData = $scope.grid1;    		
    	} else {
    		$scope.myData = $scope.grid2;
    	}
    };		
	
});