#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.4
Questions, Comments, Complaints? feel free to email us at [email protected]
##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-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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent