JQuery TreeGrid

Bind to the cellBeginEdit and cellEndEdit events by type: 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>
<div style="font-size: 13px; font-family: Verdana; width: 800px; margin-top: 20px;">
     <h4>Event Log</h4>

    <div style="max-height: 300px; overflow: auto;" id="log"></div>
</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...