jQX Tree Example without weird children data

Tree grid example with jqwidget data

by walker123

HTML

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

CSS

.jqx-grid-cell input[type="button"]{
    width:100%;
    z-index:10;
    opacity:0.01!important;
    z-index:5!important;
    
    display:block!important;
}

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",
	"HireDate": "1993-10-17 00:00:00",
	"BirthDate": "1963-07-02 00:00:00",
	"City": "London",
	"Address": "Coventry House Miner Rd."
}, {
	"EmployeeID": 7,
	"FirstName": "Robert",
	"LastName": "King",
	"ReportsTo": 5,
	"Country": "UK",
	"Title": "Sales Representative",
	"HireDate": "1994-01-02 00:00:00",
	"BirthDate": "1960-05-29 00:00:00",
	"City": "London",
	"Address": "Edgeham Hollow Winchester Way"
}, {
	"EmployeeID": 8,
	"FirstName": "Laura",
	"LastName": "Callahan",
	"ReportsTo": 2,
	"Country":...