<html>
<head>
<meta charset="utf-8" />
<title>ng-grid workbench</title>
<link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="../ng-grid.css" />
<script type="text/javascript" src="largeLoad.js"></script>
<script type="text/javascript" src="largeTestData.js"></script>
<script type="text/javascript" src="../lib/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../lib/jquery-ui-1.9.1.custom.min.js"></script>
<script type="text/javascript" src="../lib/angular.js"></script>
<script type="text/javascript" src="../lib/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../build/ng-grid.debug.js"></script>
<script type="text/javascript" src="main.js"></script>
<script>
angular.module('myApp',['ngGrid']);
</script>
<style type="text/css">
.ngRow.selected {
color: #ffffff;
font-weight: bold;
background-color: #76b617;
background-image: -webkit-linear-gradient(top, #76b617, #638911);
background-image: -moz-linear-gradient(top, #76b617, #638911);
background-image: -o-linear-gradient(top, #76b617, #638911);
background-image: -ms-linear-gradient(top, #76b617, #638911);
background-image: linear-gradient(top, #76b617, #638911);
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
</style>
</head>
<body ng-app="myApp" ng-controller="userController" >
<div id="parent" style="position: absolute; top: 0; bottom: 0; left:0; right: 0;">
<div style="width: 1600px; height: 600px;" ng-grid="gridOptions">
</div>
</div>
<div>{{mySelections | json}}</div>
<button ng-click="checkData()">Check Data</button>
<button ng-click="Add()">Insert Rows</button>
<button ng-click="changeLang()">change Language</button>
<button ng-click="setSelection()">set Selections</button>
</body>
</html>
Christopher W. Olsen