JQuery TreeGrid

Set the altRows property of the jqxTreeGrid. Author: http://jqwidgets.com

by Arvind Pal

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<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">
<div id="treeGrid"></div>

JavaScript

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",
             "HireDate": "1993-05-03 00:00:00",
             "BirthDate": "1937-09-19 00:00:00",
             "City": "Redmond",
             "Address": "4110 Old Redmond Rd."
         }, {
             "EmployeeID": 5,
             "FirstName": "Steven",
             "LastName": "Buchanan",
            ...