JSFiddle - React, Tailwind, and code Playground

by James Butler

HTML

<table>
       <tr>
          <th>NAME</th><th>00:00</th><th>00:20</th><th>00:40</th><th>01:00</th><th>01:20</th><th>etc</th>
       </tr>
       <tr id="row1">
          <th>item</th>
          <td colspan="2">itemA</td>
          <td colspan="3">itemAB</td>
       </tr>
       <tr>
          <th>item</th>
          <td colspan="3">itemAB</td>
          <td colspan="2">itemA</td>
        </tr>
       <tr>
          <th>item</th>
          <td colspan="2" style="background-color:black"></td>
          <td colspan="2">itemABC</td>
           <td style="background-color:black"></td>
        </tr>
    </table>

JavaScript

$("td:contains('itemA')").css("background-color", "lightBlue");
        $("td:contains('itemAB')").css("background-color", "yellow");
        $("td:contains('itemABC')").css("background-color", "lightGreen");
       // $("td:contains('')").css("background-color", "Black");