Get started with angular-ui-grid CDN

MIT licensed

Angular-UI-Grid: Data grid with sorting, filtering, pagination for AngularJS apps.

Tags:
  • angular
  • ng-grid
  • nggrid
  • grid
  • angularjs
  • slickgrid
  • kogrid
  • ui-grid
  • ui grid
  • data grid

Stable version

Copied!

How to start using angular-ui-grid CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/angular-ui-grid/4.12.4/ui-grid.css" type="text/css">
  <script src="https://cdn.jsdelivr.net/npm/angular/angular.min.js"></script>
  <script src="https://cdn.cdnhub.io/angular-ui-grid/4.12.4/ui-grid.min.js"></script>
</head>
<body ng-app="myApp">
  <div ng-controller="GridController">
    <div ui-grid="gridOptions" class="grid"></div>
  </div>

  <script>
    angular.module('myApp', ['ui.grid'])
      .controller('GridController', ['$scope', function($scope) {
        $scope.gridOptions = {
          data: 'data',
          columnDefs: [
            { field: 'name' },
            { field: 'age' }
          ]
        };

        $scope.data = [
          { name: 'John Doe', age: 30 },
          { name: 'Jane Doe', age: 25 },
          { name: 'Bob Smith', age: 45 }
        ];
      }]);
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions