You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.4 KiB
HTML
35 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html ng-app="myApp">
|
|
<head lang="en">
|
|
<meta charset="utf-8">
|
|
<title>Custom Plunker</title>
|
|
<link rel="stylesheet" type="text/css" href="http://angular-ui.github.com/ng-grid/css/ng-grid.css" />
|
|
<style>
|
|
/*style.css*/
|
|
.gridStyle {
|
|
border: 1px solid rgb(212,212,212);
|
|
width: 400px;
|
|
height: 300px
|
|
}
|
|
</style>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
|
|
<script src="http://angular-ui.github.com/ng-grid/lib/ng-grid.debug.js"></script>
|
|
<script>
|
|
// main.js
|
|
var app = angular.module('myApp', ['ngGrid']);
|
|
app.controller('MyCtrl', function($scope) {
|
|
$scope.myData = [{name: "Moroni", age: 50},
|
|
{name: "Tiancum", age: 43},
|
|
{name: "Jacob", age: 27},
|
|
{name: "Nephi", age: 29},
|
|
{name: "Enos", age: 34}];
|
|
$scope.gridOptions = { data: 'myData' };
|
|
});
|
|
</script>
|
|
</head>
|
|
<body ng-controller="MyCtrl">
|
|
<div class="gridStyle" ng-grid="gridOptions"></div>
|
|
</body>
|
|
</html>
|