Question

我想在任何单元格值的基础上更改表格行的颜色。因为，我正在使用JQuery，PHP＆amp; MYSQL。在页面加载中，我包含的PHP文件包含一个函数，该函数从MYSQl表中获取所有行并将其返回到UI页面。我拿取的方式是 temp1.php包含以下部分代码

                                <?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;

现在，如果支付金额与否，我想在表格行中再添加一个功能。我正在考虑这个但是没有任何想法。

Answer 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')

或类似的东西。

如何更改PHP获取的行值上的html表行颜色？

1 个答案: