2017-05-27 22 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}「」; 但沒有成功 –