JSFiddle - React, Tailwind, and code Playground

by Noctane

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.13.1/css/ui.jqgrid.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/free-jqgrid/4.13.1/js/jquery.jqgrid.min.js"></script>
<table id="grid"></table>

JavaScript

var theGrid = $("#grid");
	var myData = [
	{
	   "Id": 1,
	   "Name": "John",
	   "Profession": "Doctor"
	},
	{
	   "Id": 2,
	   "Name": "Pepe",
	   "Profession": "Doctor"
	},
	{
	   "Id": 2,
	   "Name": "Jane",
	   "Profession": "Nurse"
	}
	];


	theGrid.jqGrid({
		data : myData,
		colNames: ['Id', 'Name'],
		colModel: [
		   {name: 'Id'},
		   {name: 'Name'}
		   ]
	});

	var allData = theGrid.jqGrid("getGridParam").data;
	console.log(JSON.stringify(allData));

	//show Pepe's Profession:
	$.each(allData, function(i, v){
		if(v.Name === "Pepe")
		alert(v.Profession);
	});