Hi, Am trying to create a grid using jqxgrid and angularjs, but I don’t see any grid created, any help is appreciated. Also I tried all the samples in jQWidgets Integration with AngularJS, but none of them worked for me. Could you please suggest the best editor where jqwidgets and angularjs go together.
Below is my code:
<script type=”text/javascript”>
var demoApp = angular.module(“demoApp”, []);
demoApp.controller(“demoController”, function ($scope) {
$scope.person = [{
id: 1,
name: “John”
}, {
id: 2,
name: “Joseph”
}, {
id: 3,
name: “Mary”
}, {
id: 4,
name: “Joe”
}];
$scope.settings = {
altrows:true,
width: 500,
height: 300,
source: $scope.person,
columns: [
{ text: ‘personId’, dataField: ‘id’, width: 150}
{ text: ‘personName’, dataField: ‘name’, widht: 200}
]
}
});
</script>
</head>
<body>
<div ng-controller=”demoController”>
<jqx-grid jqx-settings=”settings” ></jqx-grid>
</div>
</body>
</html>
