0

I am trying to implement angularjs grid. i followed all insttructions but its not loading properly

enter image description here

Code for angular app

var app = angular.module('myApp',['ngTouch', 'ui.grid']);

Code for controller

app.controller('myCtrl', ['$scope', function ($scope) {

$scope.myData = [ { "firstName": "Cox", "lastName": "Carney", "company": "Enormo", "employed": true }, { "firstName": "Lorraine", "lastName": "Wise", "company": "Comveyer", "employed": false }, { "firstName": "Nancy", "lastName": "Waters", "company": "Fuelton", "employed": false } ]; }]);

Alankar
  • 453
  • 2
  • 10
  • 22

1 Answers1

1

The data is shown thus, it should have to do with your css files. Please be sure you have added ui-grid.css (and their dependencies) properly.

More info

Community
  • 1
  • 1
Asqan
  • 4,319
  • 11
  • 61
  • 100
  • Yes i have added css also. – Alankar Aug 18 '15 at 10:03
  • SyntaxError: expected expression, got '.' .ui-grid { ui-grid.css (line 1) ui-grid controller angular.js (line 11562) Creating raise event method core.raise.renderingComplete angular.js (line 11562) – Alankar Aug 18 '15 at 10:26
  • probably you include the css file using ´´ . change it by ´ ´ – Asqan Aug 18 '15 at 14:08