jqx treegrid

test treegrid

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://www.jqwidgets.com/public/jqwidgets/jqxcore.js"></script>
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<script src="http://jqwidgets.com/public/jqwidgets/jqxangular.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.js"></script>
<jqx-grid jqx-settings="settings"></jqx-grid>

JavaScript

avar demoApp = angular.module("demoApp", ["jqwidgets"]);
demoApp.controller("demoController", function ($scope) {
    // Grid data.        

    var employees = [{
         "EmployeeID": 2,
             "FirstName": "Andrew",
             "LastName": "Fuller",
             "Country": "USA",
             "Title": "Vice President, Sales",
             "HireDate": "1992-08-14 00:00:00",
             "BirthDate": "1952-02-19 00:00:00",
             "City": "Tacoma",
             "Address": "908 W. Capital Way",
             "expanded": "true",
         children: [{
             "EmployeeID": 8,
                 "FirstName": "Laura",
                 "LastName": "Callahan",
                 "Country": "USA",
                 "Title": "Inside Sales Coordinator",
                 "HireDate": "1994-03-05 00:00:00",
                 "BirthDate": "1958-01-09 00:00:00",
                 "City": "Seattle",
                 "Address": "4726 - 11th Ave. N.E."
         }, {
             "EmployeeID": 1,
                 "FirstName": "Nancy",
                 "LastName": "Davolio",
                 "Country": "USA",
                 "Title": "Sales Representative",
                 "HireDate": "1992-05-01 00:00:00",
                 "BirthDate": "1948-12-08 00:00:00",
                 "City": "Seattle",
                 "Address": "507 - 20th Ave. E.Apt. 2A"
         }, {
             "EmployeeID": 3,
                 "FirstName": "Janet",
                 "LastName": "Leverling",
                 "Country": "USA",
                 "Title": "Sales Representative",
                 "HireDate": "1992-04-01 00:00:00",
                 "BirthDate": "1963-08-30 00:00:00",
                 "City": "Kirkland",
                 "Address": "722 Moss Bay Blvd."
         }, {
             "EmployeeID": 4,
                 "FirstName": "Margaret",
                 "LastName": "Peacock",
                 "Country": "USA",
                 "Title": "Sales Representative",
                ...