#ngGrid : An Angular DataGrid#
Contributors:
ng-grid Team:
Based on koGrid:
License: MIT
Dependencies: jQuery & angular.js. (JqueryUi draggable for non-HTML5 compliant browsers to use awesome aggregate feature)
##About## ng-grid Originally built on knockout we wanted to port it to angular.
version 1.2.1
##Roadmap##
ng-grid is version 1.2.1 release.
We are going to be adding more features here as we head to a 1.3 release, including:
- Builtin filtering support
- Virtualized column scrolling
- Anything else the rest of the community wants to contribute that isn't a terrible idea. :)
The bare bones:
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="ng-grid.js"></script>
<script>
angular.module('myApp',['ngGrid', ... {other includes}]);
</script>
<link rel="stylesheet" type="text/css" href="../ng-grid.css" />
<body ng-app="myApp">
<div ng-grid="myOptions"></div>
<body>// Define your own controller somewhere..
function MyCtrl($scope) {
$scope.myData = [{name: "Moroni", age: 50},
{name: "Tiancum", age: 43},
{name: "Jacob", age: 27},
{name: "Nephi", age: 29},
{name: "Enos", age: 34}];
$scope.myOptions = { data: 'myData' };
// you can also specify data as: $scope.myOptions = { data: $scope.myData }.
// However, updates to the underlying data will not be reflected in the grid
};##Want More?## Check out the Getting Started and other Docs
##Examples## Hideous Examples
##Change Log##\
- 2012-11-20 - Version 1.2.1 - Added ability to specify property "paths" as fields and for grid options.
- 2012-11-19 - Version 1.2.0 - Added Server-Side Paging support and minor bug fixes.
- 2012-11-17 - Version 1.1.0 - Added ability to hide/show columns and various bug fixes/performance enhancements.
- 2012-11-14 - Version 1.0.0 Release