JSFiddle - React, Tailwind, and code Playground

by cmruser

JavaScript

var data = [
    {
        "RoleId": 249,
        "ProgramStatusId": 242,
        "UserId": 17427,
        "RoleName": "VP Sales",
        "StatusName": "Approved",
        "IsSubmitted": false,
        "IsApproved": true,
        "IsRevision": false,
        "IsDenied": false,
        "IsClosed": false,
        "IsRenew": false,
        "IsPending": false,
        "OrderBy": 6
    },
    {
        "RoleId": 253,
        "ProgramStatusId": 242,
        "UserId": 15727,
        "RoleName": "SAM",
        "StatusName": "Approved",
        "IsSubmitted": false,
        "IsApproved": true,
        "IsRevision": false,
        "IsDenied": false,
        "IsClosed": false,
        "IsRenew": false,
        "IsPending": false,
        "OrderBy": 1
    },
    {
        "RoleId": 265,
        "ProgramStatusId": 242,
        "UserId": 17425,
        "RoleName": "SD",
        "StatusName": "Approved",
        "IsSubmitted": false,
        "IsApproved": true,
        "IsRevision": false,
        "IsDenied": false,
        "IsClosed": false,
        "IsRenew": false,
        "IsPending": false,
        "OrderBy": 4
    },
    {
        "RoleId": 265,
        "ProgramStatusId": 242,
        "UserId": 15710,
        "RoleName": "SD",
        "StatusName": "Approved",
        "IsSubmitted": false,
        "IsApproved": true,
        "IsRevision": false,
        "IsDenied": false,
        "IsClosed": false,
        "IsRenew": false,
        "IsPending": false,
        "OrderBy": 3
    },
    {
        "RoleId": 249,
        "ProgramStatusId": 242,
        "UserId": 15708,
        "RoleName": "VP Sales",
        "StatusName": "Approved",
        "IsSubmitted": false,
        "IsApproved": true,
        "IsRevision": false,
        "IsDenied": false,
        "IsClosed": false,
        "IsRenew": false,
        "IsPending": false,
        "OrderBy": 5
    },
    {
        "RoleId": 253,
        "ProgramStatusId": 242,
        "UserId": 17426,
        "RoleName": "SAM",
       ...