JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Result that I need</h1>
<tr>
    <td>Job: programmer,</td>
    <td>Success : 2,</td>
    <td>Failed : 1,</td>
    <td>Status: closed,</td>
    <td>Number: 1456,</td>
     <td>Priority: 2</td>
</tr>
<tr>
    <td>Job: worker,</td>
    <td>Success : 0,</td>
    <td>Failed : 1,</td>
    <td>Status: closed,</td>
    <td>Number: 1400,</td>
     <td>Priority: 1,</td>
</tr>

JavaScript

var runs = {
    "message": "ok",
    "data": {
        "ok": 1.0,
        "result": [{
            "count": 2,
            "_id": {
                "status": "success",
                "job": "programmer"
            }
        }, {
            "count": 1,
            "_id": {
                "status": "failed",
                "job": "programmer"
            }
        }, {
            "count": 1,
            "_id": {
                "status": "failed",
                "job": "worker"
            }
        }]}};
var info = {
    "message": "ok",
    "data": {

        "programmer": {
            "status": "closed",
            "number": "1456"
        },
        "worker": {
            "status": "closed",
            "number": "1400"
        }
      }};

var priorities = [
    { "name" : "worker", "priority": 1   
},{ "name" : "programmer", "priority": 2   
}

]