JavaScript TreeGrid

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

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="treeGrid"></div>

JavaScript

var employees = [{
      "EmployeeID": 1,
          "FirstName": "Nancy",
          "LastName": "Davolio",
          "ReportsTo": 2,
          "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": 2,
          "FirstName": "Andrew",
          "LastName": "Fuller",
          "ReportsTo": null,
          "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"
  }, {
      "EmployeeID": 3,
          "FirstName": "Janet",
          "LastName": "Leverling",
          "ReportsTo": 2,
          "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",
          "ReportsTo": 2,
          "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",
          "ReportsTo": 2,
          "Country": "UK",
          "Title": "Sales Manager",
          "HireDate": "1993-10-17 00:00:00",
          "BirthDate": "1955-03-04 00:00:00",
          "City": "London",
          "Address": "14 Garrett Hill"
  }, {
      "EmployeeID": 6,
          "FirstName": "Michael",
          "LastName": "Suyama",
          "ReportsTo": 5,
          "Country": "UK",
          "Title": "Sales Representative",
         ...