JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr class="YellowThreshold">
    <td>vrd70</td>
    <td>29</td>
    <td>0x127c</td>
    <td>4.86</td>
    <td>4.54</td>
    <td>6.06</td>
  </tr>
</table>

CSS

tr.YellowThreshold {
        background-color: yellow !important;
            font-weight:bold;
    
    }

table tr td{ 
          border-width: 1px; 
          border-style: solid; 
          border-color: black; 
          border-collapse: collapse; 
          overflow: wrap; 
    position: relative;
    z-index: -1;
          background-color:#CCFFFF;
          text-align:center;
     } 
     table{ 
          width:75%;
     } 
     tr{ 
          maximum-width: 200px; 
     } 
    tr.RedThreshold {
        background-color: red;
    }