php - 数据表:根据数据更改行颜色

Question

我创建了一个数据库，我有一个表，我从数据表中调用所有行，并且我想将所有行颜色设置为情况。例如 如果情况为“事件”，则颜色应变为绿色。 否则情况='处理中'颜色='黄色' 否则情况='无'颜色='红色'

<table class="table" id="table">
      
    <tr>
        <th>ID</th>
        <th>Company</th>

		<th>Situation</th>
	</tr>


<?php 

$ques = $conn->query("SELECT * FROM company "); 

while ($result = $ques->fetch_assoc()) { 

$id = $result['id'];
$companyname = $result['companyname'];
$situation = $result['situation'];


?>
    
    <tr>
        <td><?php echo $id; ?></td>
        	<td><?php echo $companyname; ?></td>
		<td><?php echo $situation; ?></td>
    </tr>

<?php 
} 

?>

</table>







<script>
$(document).ready( function() {
  $('#table').dataTable( {
    "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
      if ( aData['2'] == "NONE" )
      {
        $('td', nRow).css('background-color', 'red' );
      }
      else if ( aData['2'] == "ACTIVE" )
      {
        $('td', nRow).css('background-color', 'green');
      }
      else if ( aData['2'] == "PENDING" )
      {
        $('td', nRow).css('background-color', 'yellow');
      }
      else
      {
        $('td', nRow).css('background-color', 'orange');
      }
    }
  } );
} );
</script>

我期望输出应该带有颜色

Answer 1

一般来说，页面的外观是通过 CSS 控制的。因此，首先考虑您的 html 应该是什么样子，以便您可以应用样式。您可以创建类似以下的样式:

tr.active {
    color: green;
}

tr.processing {
    color: yellow;
}

或者其他什么。因此，具有“active”类的表行的前景色为绿色，依此类推。

一旦我们确定了我们想要的表格标记的样子，构建 php 来创建它并不难:

<tr class="<?php echo $situation; ?>">

现在表中的每一行都有一个类，告诉浏览器如何设置其样式。