JSFiddle - React, Tailwind, and code Playground

HTML

<table border='1'>
<thead>
  <th></th>
  <th>ID</th>
  <th>Status</th>
</thead>
<tbody>
<tr class="grid-row ">
  <td class="grid-cell" data-name=""><button type="submit">Restart</button></td>
  <td class="grid-cell" data-name="job_id">2349</td>
  <td class="grid-cell" data-name="JobStatusName">Completed</td>
</tr>
<tr class="grid-row ">
  <td class="grid-cell" data-name=""><button type="submit">Restart</button></td>
  <td class="grid-cell" data-name="job_id">6585</td>
  <td class="grid-cell" data-name="JobStatusName">Error</td>
</tr>
<tr class="grid-row ">
  <td class="grid-cell" data-name=""><button type="submit">Restart</button></td>
  <td class="grid-cell" data-name="job_id">4564</td>
  <td class="grid-cell" data-name="JobStatusName">Processing</td>
</tr>
</tbody>
</table>

JavaScript

window.onload = function () {
            $(function () {
                $('table tr').each(function () {
                    var Cells = this.getElementsByTagName("td");
                    if (Cells[2].innerText !== 'Error') {
                        $(this).find('button').style.visibility = 'hidden';
                    }
                });
            });
        }