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="treeGrid1"></div>

JavaScript

var localdataArray =[{
					Name:"Arvind",
          children:[{
          	Name:"Arvind1.1",
          	children:[{
          				Name:"Arvind1.1"
          			}]
          	}]
				},{
					Name:"Arvind"
				},{
					Name:"Arvind"
				},{
					Name:"Arvind"
				}];
				var source = {
					localdata: localdataArray,
					datafields: [
						{
							name : "Name",
							type : "string"
						}, {
             name: 'children',
             type: 'array'
         }
					],
					datatype: "json",
					hierarchy:{
						root: "children"
					}
				};
				
				var dataAdapter = new $.jqx.dataAdapter(source);
	
				// initialize jqxGrid
				$("#treeGrid1").jqxTreeGrid({
					width: '100%',
					source: dataAdapter,
					
					columns: [
						{
							text: 'Name',
							dataField: 'Name',
							width: '100%', 
							cellsrenderer:function (row, column, value) {
								// render custom column.
								// console.log(row, column, value);
								return value;
							}
						}
					]
				});