JSFiddle - React, Tailwind, and code Playground

by adamzr

HTML

<table>
    <thead>
        <tr>
            <th>S/N</th>
            <th>Name</th>
            <th>Result</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Mike</td>
            <td>Success</td>
            <td></td>
        </tr>
        <tr>
            <td>2</td>
            <td>Mark</td>
            <td>Success</td>
            <td></td>
        </tr>
        <tr>
            <td>3</td>
            <td>Mary</td>
            <td>Failed</td>
            <td></td>
        </tr>

JavaScript

$("table td:contains('Failed')").css('background-color','red').next('td').append("<a href='http://www.example.com'>Action</a>");