JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<input type="button" id="button" value="Get" />
<input type="button" id="clear" value="Clear" />
<div id="response">
</div><br>
<div id="response2">

</div>

JavaScript

$('#button').click(function() {



var json1 = [{
            "columnGroup": "Custom Columns",
            "description": "The type of task being requested.",
            "displayName": "DS Task Type DS",
            "enforceUniqueValues": "false",
            "hidden": "false",
            "id": "cf80dbf9-1e07-471d-93a2-ec6084665cdd",
            "indexed": "false",
            "name": "TaskType",
            "readOnly": "true",
            "required": "false",
            "text": {
                "allowMultipleLines": "false",
                "appendChangesToExistingText": "false",
                "linesForEditing": 0,
                "maxLength": 255
            }
        },
        {
            "columnGroup": "Custom Columns",
            "description": "",
            "displayName": "TaskId",
            "enforceUniqueValues": "false",
            "hidden": "false",
            "id": "69ce9fd5-fd67-4f2f-bcaf-88aca4b46422",
            "indexed": "false",
            "name": "TaskId",
            "readOnly": "false",
            "required": "false",
            "text": {
                "allowMultipleLines": "false",
                "appendChangesToExistingText": "false",
                "linesForEditing": 0,
                "maxLength": 255
            }
        },
        {
            "columnGroup": "Custom Columns",
            "description": "",
            "displayName": "ParentId",
            "enforceUniqueValues": "false",
            "hidden": "false",
            "id": "f55c05e2-780b-428f-a355-3d42e7e72893",
            "indexed": "false",
            "name": "ParentId",
            "readOnly": "false",
            "required": "false",
            "text": {
                "allowMultipleLines": "false",
                "appendChangesToExistingText": "false",
                "linesForEditing": 0,
                "maxLength": 255
            }
        },
{
            "columnGroup": "_Hidden",
            "description": "",
           ...