Нужно изменить цвет tr в моей таблице php mysql

Question

У меня есть таблица, в которой данные выбираются из таблицы MYSQLi, у меня есть столбец «status», в котором есть два значения ACTIVE и DEACTIVE. Мне нужно деактивировать другой цвет bg / цвет шрифта и активный статус в другом цвете, как я могу добиться этого с помощью оператора if else. По крайней мере, тд изменен и без проблем.

 <?php
// Include config file
require_once 'config.php';

// Attempt select query execution
$sql = "SELECT * FROM retail";
if($result = mysqli_query($link, $sql)){
    if(mysqli_num_rows($result) > 0){

        echo "<table class='table js-dynamitable table-bordered table-striped table-condensed'>";
            echo "<thead>";
                echo "<tr>";
                    echo "<th>#</th>";
                    echo "<th>operator_name</th>";
                    echo "<th>zone</th>";
                    echo "<th>nas_ip</th>";
                    echo "<th>switch_name</th>";
                    echo "<th>switch_ip</th>";
                    echo "<th>switch_port</th>";
                    echo "<th>connected_port</th>";
                    echo "<th>vlan</th>";
                echo "</tr>";
            echo "</thead>";
            echo "<tbody>";
            while($row = mysqli_fetch_array($result)){
                echo "<tr>";

                    echo "<td>" . $row['id'] . "</td>";
                    echo "<td>" . $row['operator_name'] . "</td>";
                    echo "<td>" . $row['zone'] . "</td>";
                    echo "<td>" . $row['nas_ip'] . "</td>";
                    echo "<td>" . $row['switch_name'] . "</td>";
                    echo "<td>" . $row['switch_ip'] . "</td>";
                    echo "<td>" . $row['switch_port'] . "</td>";
                    echo "<td>" . $row['connected_port'] . "</td>";
                    echo "<td>" . $row['status'] . "</td>";



                    echo "<td>";


                        echo "<a href='readr.php?id=". $row['id'] ."'  title='View Record' data-toggle='tooltip'><span class='glyphicon glyphicon-eye-open'></span></a>";
                        echo "<a href='updater.php?id=". $row['id'] ."'  title='Update Record' data-toggle='tooltip'><span class='glyphicon glyphicon-pencil'></span></a>";
                        echo "<a href='deleter.php?id=". $row['id'] ."' data-toggle='modal' data-target='#exampleModalLong'  title='Delete Record' data-toggle='tooltip'><span class='glyphicon glyphicon-trash'></span></a>";

                    echo "</td>";
                echo "</tr>";
            }
            echo "</tbody>";                            
        echo "</table>";
        // Free result set
        mysqli_free_result($result);
    } else{
        echo "<p class='lead'><em>No records were found.</em></p>";
    }
} else{
    echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
}

// Close connection
mysqli_close($link);
?>

Я тоже использую этот скрипт, который является правильным форматом для заголовка

 var $table = $('table');
    $table.bootstrapTable({


      search: true,
      pagination: true,

      buttonsClass: 'primary',



      minimumCountColumns: 2,
      columns: [{
          field: 'id',
          title: 'ID',
          sortable: true,
        }, {
          field: 'operator_name',
          title: 'OPERATOR NAME',
          sortable: true,
        }, {
          field: 'zone',
          title: 'zone',
          sortable: true,
        },
        {
          field: 'nas_ip',
          title: 'nas_ip',
          sortable: true,
        },
        {
          field: 'switch_name',
          title: 'SWITCH NAME',
          sortable: true,
        },
        {
          field: 'switch_ip',
          title: 'SWITCH IP',
          sortable: true,
        },
        {
          field: 'switch_port',
          title: 'SWITCH PORT ',
          sortable: true,
        },
        {
          field: 'connected_port',
          title: 'connected_port',
          sortable: true,
        },
        {
          field: 'vlan',
          title: 'VLAN',
          sortable: true,
        },






        {
          field: 'operation',
          title: 'Action',
        },
      ],

    });

Answer 1

Я изменил статус тд (столбец). Добавьте встроенный стиль и примените цвет фона, если еще основа. Проверьте код ниже.

<?php
  // Include config file
  require_once 'config.php';

  // Attempt select query execution
  $sql = "SELECT * FROM retail";
  if($result = mysqli_query($link, $sql)){
    if(mysqli_num_rows($result) > 0){

    echo "<table class='table js-dynamitable table-bordered table-striped table-condensed'>";
        echo "<thead>";
            echo "<tr>";
                echo "<th>#</th>";
                echo "<th>operator_name</th>";
                echo "<th>zone</th>";
                echo "<th>nas_ip</th>";
                echo "<th>switch_name</th>";
                echo "<th>switch_ip</th>";
                echo "<th>switch_port</th>";
                echo "<th>connected_port</th>";
                echo "<th>vlan</th>";
            echo "</tr>";
        echo "</thead>";
        echo "<tbody>";
        while($row = mysqli_fetch_array($result)){
            echo "<tr>";

                echo "<td>" . $row['id'] . "</td>";
                echo "<td>" . $row['operator_name'] . "</td>";
                echo "<td>" . $row['zone'] . "</td>";
                echo "<td>" . $row['nas_ip'] . "</td>";
                echo "<td>" . $row['switch_name'] . "</td>";
                echo "<td>" . $row['switch_ip'] . "</td>";
                echo "<td>" . $row['switch_port'] . "</td>";
                echo "<td>" . $row['connected_port'] . "</td>";
                echo "<td style='color:white;background-color:".($row['status'] == 'ACTIVE'?'green':'grey').";'>" . $row['status'] . "</td>";

                echo "<td>";


                    echo "<a href='readr.php?id=". $row['id'] ."'  title='View Record' data-toggle='tooltip'><span class='glyphicon glyphicon-eye-open'></span></a>";
                    echo "<a href='updater.php?id=". $row['id'] ."'  title='Update Record' data-toggle='tooltip'><span class='glyphicon glyphicon-pencil'></span></a>";
                    echo "<a href='deleter.php?id=". $row['id'] ."' data-toggle='modal' data-target='#exampleModalLong'  title='Delete Record' data-toggle='tooltip'><span class='glyphicon glyphicon-trash'></span></a>";

                echo "</td>";
            echo "</tr>";
        }
        echo "</tbody>";                            
    echo "</table>";
    // Free result set
    mysqli_free_result($result);
} else{
    echo "<p class='lead'><em>No records were found.</em></p>";
}
} else{
   echo "ERROR: Could not able to execute $sql. " . 
   mysqli_error($link);
 }

// Close connection
 mysqli_close($link);
?>

Answer 2

Итак, вы используете плагин для начальной загрузки. Вам нужно добавить обработчик rowStyle.

В вашем JS-скрипте вы можете попробовать добавить.

function rowStyle(row, index) {
  var classes = ['success','danger'];

  if(row.vlan=="ACTIVE")
  return {
     classes: classes[0]
  };

  if(row.vlan=="DEACTIVE")
  return {
     classes: classes[1]
  };

  return {};
}

В вашем файле PHP:

Изменение:

echo "<table class='table js-dynamitable table-bordered table-striped table-condensed'>";

Кому:

echo "<table data-row-style='rowStyle' class='table js-dynamitable table-bordered table-striped table-condensed'>";

Изменение:

echo "<th>vlan</th>";

Кому:

echo "<th data-field='vlan'>vlan</th>";

Демо: http://jsfiddle.net/jyjafk8v/

http://bootstrap -table.wenzhixin.net.cn / Documentation / - поиск 'rowStyle', если вам нужна дополнительная информация об этом.