trNgGrid - Basic

by MoonStorm

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootswatch/3.0.3/slate/bootstrap.min.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.1/angular.js"></script>
<link rel="stylesheet" href="//moonstorm.github.io/trNgGrid/release/trNgGrid.min.css">
<script src="//moonstorm.github.io/trNgGrid/release/trNgGrid.min.js"></script>
<body ng-app="myApp">
    <div ng-controller="MainCtrl">
        <table tr-ng-grid='' items='myItems'>
        </table>
    </div>
</body>

JavaScript

angular
        .module('myApp', ['trNgGrid'])
        .controller("MainCtrl", ["$scope", function ($scope) {
            $scope.myItems = [{name: "Moroni", age: 50},
                     {name: "Tiancum", age: 43},
                     {name: "Jacob", age: 27},
                     {name: "Nephi", age: 29},
                     {name: "Enos", age: 99}];
            }]);