JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqx-all.js"></script>
<div id="jqxGridUplink"></div>
JavaScript
var data = [{
"PdpQosMeasurementTable": {
"UplinkParameters": {
"UplinkSection": [{
"id": "0",
"description": "Delay",
"UplinkPacket": [{
"id": "0",
"size": "78",
"cadency": "900p/2s",
"limit": "< 1s"
}, {
"id": "1",
"size": "98",
"cadency": "900p/2s",
"limit": "< 1s"
}, {
"id": "2",
"size": "128",
"cadency": "900p/2s",
"limit": "< 1s"
}, {
"id": "3",
"size": "148",
"cadency": "900p/2s",
"limit": "< 1s"
}, {
"id": "4",
"size": "178",
"cadency": "900p/2s",
"limit": "< 1s"
}]
}, {
"id": "1",
"description": "PacketLoss",
"UplinkPacket": [{
"id": "0",
"size": "78",
"cadency": "900p/2s",
"limit": "< 1%"
}, {
"id": "1",
"size": "98",
"cadency": "900p/2s",
"limit": "< 1%"
}, {
"id": "2",
"size": "128",
"cadency": "900p/2s",
"limit": "< 1%"
}, {
"id": "3",
"size": "148",
"cadency": "900p/2s",
"limit": "< 1%"
}, {
"id": "4",
"size": "178",
"cadency": "900p/2s",
"limit":...