Free jqGrid demo

The demo "The grid, which uses predefined formatters and templates" used on http://free-jqgrid.github.io/getting-started/index.html#the_first_grid

by Oleg Kiriljuk

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.5/css/ui.jqgrid.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.15.5/jquery.jqgrid.min.js"></script>
<p>
	<label>
		<input type="checkbox" id="change-data"/> change data
	</label>
</p>
<table id="grid"></table>

JavaScript

$(function () {
    "use strict";
	var data1 = [{
			"numberOfOpenFaults": "1",
			"fullAddress": "16, ACACIA ROAD, NORBURY, SW16 5PP",
			"faultNo": "",
			"description": "",
			"id": 4472,
			"parent": null,
			"level": 0,
			"isLeaf": false,
			"expanded": false,
			"loaded": true
		}, {
			"numberOfOpenFaults": "",
			"fullAddress": "",
			"faultNo": "6",
			"description": "General Mechanical - Thermostatic Mixing Valves",
			"id": 95,
			"parent": 4472,
			"level": 1,
			"isLeaf": true,
			"expanded": false,
			"loaded": true
		}, {
			"numberOfOpenFaults": "3",
			"fullAddress": "85, ACADEMY GARDENS, ADDISCOMBE, CR0 6QL",
			"faultNo": "",
			"description": "",
			"id": 4474,
			"parent": null,
			"level": 0,
			"isLeaf": false,
			"expanded": false,
			"loaded": true
		}, {
			"numberOfOpenFaults": "",
			"fullAddress": "",
			"faultNo": "1",
			"description": "General Mechanical - Low Temperature Hot Water",
			"id": 39,
			"parent": 4474,
			"level": 1,
			"isLeaf": true,
			"expanded": false,
			"loaded": true
		}, {
			"numberOfOpenFaults": "",
			"fullAddress": "",
			"faultNo": "4",
			"description": "Boilers HIU - Ventilation",
			"id": 65,
			"parent": 4474,
			"level": 1,
			"isLeaf": true,
			"expanded": false,
			"loaded": true
		}, {
			"numberOfOpenFaults": "",
			"fullAddress": "",
			"faultNo": "9",
			"description": "General Mechanical - Defect(s) Outstanding",
			"id": 70,
			"parent": 4474,
			"level": 1,
			"isLeaf": true,
			"expanded": false,
			"loaded": true
		}, {
			"numberOfOpenFaults": "1",
			"fullAddress": "8, ADMIRALS WALK, Tollers Estate COULSDON EAST, CR5 1BR",
			"faultNo": "",
			"description": "",
			"id": 4478,
			"parent": null,
			"level": 0,
			"isLeaf": false,
			"expanded": false,
			"loaded": true
		}, {
			"numberOfOpenFaults": "",
			"fullAddress": "",
			"faultNo": "3",
			"description": "Ventilation - Grilles/air valves",
			"id": 105,
			"parent": 4478,
			"level": 1,
			"isLeaf": true,
			"expanded":...