codebreach / ng-grid

Angular Data Grid

Home Page:http://angular-ui.github.com/ng-grid/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

#ng-grid : An Angular DataGrid#

Contributors:

ng-grid Team:

License: MIT

Dependencies: jQuery & angular.js. (JqueryUi draggable for non-HTML5 compliant browsers to use awesome Drag-N-Drop aggregate feature. However, you can still groupby without draggability)


##About## ng-grid Originally built on knockout we wanted to port it to angular.

version 1.6.0

nuGet

Questions, Comments, Complaints? feel free to email us at nggridteam@gmail.com


##Roadmap##

We are going to be adding more features here as we head to a 2.0 release, including:

  • Virtualized column scrolling
  • "Fixed" column option (columns not affected by horizontal 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## Examples

##Change Log##

  • 2012-12-27 - Version 1.6.0 - Adding i18n support and support for different angularjs interpolation symbols (requires building from source).
  • 2012-12-20 - Version 1.5.0 - Modifying the way we watch for array changes. Added groupable column definition option. Bugfixes for #58, #59.
  • 2012-12-18 - Version 1.4.1 - jslint reformat, minor bugfixes, performance improvements while keydown navigating, adding "use strict" to script.
  • 2012-12-12 - Version 1.4.0 - Massive improvements to search thanks to iNeedFat!
  • 2012-12-12 - Version 1.3.9 - Refactored and removed unneeded code. Added scope events.
  • 2012-12-12 - Version 1.3.7 - Improving template compilation and fixing jquery theme support. Improving comments on grid options.
  • 2012-12-06 - Version 1.3.6 - sortInfo can now be set to default sort the grid. Improvements to the beforeSelectionChange callback mechanism when multi-selecting.
  • 2012-12-06 - Version 1.3.5 - Improved template rendering when using external template files. columnDefs can now be a $scope object which can be push/pop/spliced. Fixed box model for cells and header cells.
  • 2012-12-04 - Version 1.3.4 - Improved aggregate grouping, minor bugfixes. Auto-width works!
  • 2012-11-27 - Version 1.3.2 - Changed default width behavior to use *s and added option to maintain column ratios while resizing
  • 2012-11-27 - Version 1.3.1 - Added layout plugin. Support for uri templates. Performance improvements.
  • 2012-11-23 - Version 1.3.0 - Major code refactoring, can now group-by using column menu, changes to build
  • 2012-11-21 - Version 1.2.2 - Built-in filtering support, numerous perfomance enhancements and minor code refactoring
  • 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

About

Angular Data Grid

http://angular-ui.github.com/ng-grid/


Languages

Language:JavaScript 99.9%Language:PowerShell 0.1%Language:Shell 0.0%