2017-05-27 23 views
0

我想根据任何单元格值更改我的表格行的颜色。由于我使用JQuery,PHP & MYSQL。 在页面加载我包含PHP文件,其中包含一个函数,可从MYSQl表中获取所有行并将其返回到UI页面。 我取的方式是 temp1.php包含以下部分代码如何更改PHP提取的行值的html表格行颜色?

       <?php echo fxn_ExpensesList(); 

           ?> 
          </tbody> 
          <tfoot> 

和主要的PHP文件包含以下代码:

$Lquery = "SELECT * FROM tblexpenseslist"; 
$Lquery_result = mysqli_query($conn, $Lquery); 

$dataRow = ""; 
$RowsCounter = 0; 
    while($row = mysqli_fetch_array($Lquery_result)){ 
     ++$RowsCounter; 
     $dataRow = $dataRow."<tr><td>$RowsCounter</td> 
      <td>$row[ExpensesType]</td> 
      <td>$row[Purpose]</td> 
      <td>$row[Description]</td> 
      <td>$row[ReceiptNo]</td> 
      <td>$row[PAID]</td> 
      <td>$row[DTime]</td> 
      <td>$row[UnitPrice]</td> 
      <td>$row[Qty]</td> 
      <td>$row[Amount]</td> 
      <td style='display:none;'>$row[SNo]</td> 
      <td> 
       <p data-placement='top' data-toggle='tooltip' title='Edit'> 
        <button class='btn btn-danger btn-xs btn-edit' data-title='Edit' data-toggle='modal' data-target='#edit' > 
         <span class='glyphicon glyphicon-pencil'></span> 
        </button> 
       </p> 
      </td> 
      <!--<td><p data-placement='top' data-toggle='tooltip' title='Delete'><button class='btn btn-danger btn-xs' data-title='Delete' data-toggle='modal' data-target='#delete' ><span class='glyphicon glyphicon-trash'></span></button></p></td>--> 

      </tr>"; 
    } 

return $dataRow; 

现在,我想如果金额支付或不支付,请在表格行中添加一项功能..我正在考虑这一点,但没有想到。

+0

添加if if条件并更改里面的'$ dataRow' –

+0

要点是,如果要添加if else条件 –

+0

这个方法做什么'fxn_ExpensesList()'以及它如何被使用? –

回答

1

您可以将一个类添加到表行中,然后使用jQuery修改该类。

例如,您可以创建一个名为paid的变量作为布尔值。如果支付了特定行,则将类isPaid添加到表格行中。如果没有,那么添加类notPaid,像这样...

if (paid == true) { 
    '<tr class="isPaid">' 
else if (paid != true) { 
    '<tr class="notPaid">' 
} 

...然后使用jQuery,你可以这样做......

$('.isPaid').css('background-color', 'green'); 
$('.notPaid').css('background-color', 'red') 

或诸如此类的东西。

+0

使用CSS添加样式 –

+0

我想用这种方法尝试一些东西。 echo“​​”。$ row ['PAID']。 if($ row ['PAID'] =='NPaid'){ \t \t \t \t \t \t“”; \t \t \t \t \t}“”; 但没有成功 –