Column content to change color based on condition

Question

My 4th column produces two outputs from the PHP that is "complete" and "pending". I want to set a condition that will change "complete" to green, the default color is set to red since default content is "pending". i.e The text color.

<tr>
  <th scope="row"><?php echo $array[0];?></th>
  <td><?php echo $array[1];?></td>
  <td><?php echo $array[2];?></td>
  <td><?php echo $array[3];?></td>
  <td class="status" style="color: red;"><?php echo $array[4];?></td>

A jquery code would be much appreciated.

Specifically, this answer, the question may appear unrelated: https://stackoverflow.com/a/9081787/2181514 — freedomn-m, Sep 30 '21 at 12:27

score 1 · Accepted Answer · answered Sep 30 '21 at 12:06

Use ternary operator to check the condition

<?php $color = ($status == 'complete') ? 'green' : red; ?>
<tr>
  <th scope="row"><?php echo $array[0];?></th>
  <td><?php echo $array[1];?></td>
  <td><?php echo $array[2];?></td>
  <td><?php echo $array[3];?></td>
  <td class="status" style="color:<?php echo $color; ?>;"><?php echo $array[4];?></td>
</tr>

Column content to change color based on condition

1 Answers1