数据表：根据数据更改行颜色

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

我解决了问题谢谢您的帮助。我添加了这样的脚本，现在可以正常工作了：）<script>&nbsp; &nbsp;$(document).ready(function() {&nbsp; &nbsp; $("td:last-child").each(function() {&nbsp; &nbsp; &nbsp; &nbsp; if ($(this).text() === "ACTIVE") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).parent().addClass("active");&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).parent().addClass("passive");&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; });});&nbsp; &nbsp; </script>