выделить различия столбцов

Question

Мне нужно выделить столбцы, которые имеют разные значения. Если значения $b['nama'] и $c['nama'] не совпадают, мне нужно выделить <tr>. Я хотел, чтобы системный администратор легко видел, какое из полей имеет разные значения, чтобы администратор мог принять решение утвердить запрос на редактирование пользователя или отклонить запрос.

<?php
        error_reporting(0);
        $b = $data->row_array();
        $c = $data2->row_array();
        ?>
  <!-- Begin Page Content -->
  <div class="container-fluid">



    <!-- DataTales Example -->
    <div class="card shadow mb-4">

      <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">User requested changes</h6>
      </div>

      <div class="card-body">

        <table id="tabel" class="table table-bordered table-striped" style="width: 75%">
          <thead>
            <tr>
              <th>Variable</th>
              <th>Current data</th>
              <th>Requested changes</th>

            </tr>
          </thead>

          <tbody>

            <tr>
              <td>Nama</td>
              <td>
                <?php echo $b['nama']; ?>
              </td>
              <td>
                <?php echo $c['nama']; ?>
              </td>
            </tr>
            <tr>
              <td>NIP Baru</td>
              <td>
                <?php echo $b['nipBaru']; ?>
              </td>
              <td>
                <?php echo $c['nipBaru']; ?>
              </td>
            </tr>
            <tr>
              <td>NIP lama</td>
              <td>
                <?php echo $b['nipLama']; ?>
              </td>
              <td>
                <?php echo $c['nipLama']; ?>
              </td>
            </tr>
            <tr>
              <td>Gelar depan</td>
              <td>
                <?php echo $b['gelarDepan']; ?>
              </td>
              <td>
                <?php echo $c['gelarDepan']; ?>
              </td>
            </tr>
            <tr>
              <td>Gelar belakang</td>
              <td>
                <?php echo $b['gelarBelakang']; ?>
              </td>
              <td>
                <?php echo $c['gelarBelakang']; ?>
              </td>
            </tr>
            <tr>
              <td>Tempat lahir</td>
              <td>
                <?php echo $b['tempatLahir']; ?>
              </td>
              <td>
                <?php echo $c['tempatLahir']; ?>
              </td>
            </tr>


          </tbody>
        </table>
        <button type="submit" class="btn btn-primary btn-sm" style="width:10%"><span class="icon-cursor"></span> Approve</button>
        <button type="submit" class="btn btn-primary btn-sm" style="width:10%"><span class="icon-cursor"></span> Reject</button>




      </div>

    </div>

  </div>

Answer 1

Поскольку вы, похоже, используете Bootstrap, вы можете просто применить уже определенный стиль к ячейкам, чтобы выделить разницу. Например:

        <tr>
          <td>Nama</td>
          <td class="<?php echo ($b['nama'] == $c['nama'])? 'bg-success': 'bg-danger'; ">
            <?php echo $b['nama']; ?>
          </td>
          <td class="bg-<?php echo ($b['nama'] == $c['nama'])? 'bg-success': 'bg-danger'; ">
            <?php echo $c['nama']; ?>
          </td>
        </tr>

При этом, если $b['nama'] и $c['nama'] отличаются, ячейки будут иметь почти красный фон, а если они равны, они будут иметь почти зеленый фон. Если вы хотите выделить только различия (чтобы сделать экран менее громоздким, просто замените 'bg-success' на '', чтобы одинаковые ячейки не получили стиль

Answer 2

попробуйте этот код, вы можете изменить значение bgcolor или вы можете создать css класс и внутри, если вы повторяете class = 'my_class'

<?php
error_reporting(0);
$b = $data->row_array();
$c = $data2->row_array();
?>
<!-- Begin Page Content -->
<div class="container-fluid">



    <!-- DataTales Example -->
    <div class="card shadow mb-4">

        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">User requested changes</h6>
        </div>

        <div class="card-body">

            <table id="tabel" class="table table-bordered table-striped" style="width: 75%">
                <thead>
                <tr>
                    <th>Variable</th>
                    <th>Current data</th>
                    <th>Requested changes</th>

                </tr>
                </thead>

                <tbody>

                <tr <?php if ($b['nama'] != $c['nama']){echo "bgcolor='#FF0000'";}  ?>>
                    <td>Nama</td>
                    <td>
                        <?php echo $b['nama']; ?>
                    </td>
                    <td>
                        <?php echo $c['nama']; ?>
                    </td>
                </tr>
                <tr <?php if ($b['nipBaru'] != $c['nipBaru']){echo "bgcolor='#FF0000'";}  ?> >
                    <td>NIP Baru</td>
                    <td>
                        <?php echo $b['nipBaru']; ?>
                    </td>
                    <td>
                        <?php echo $c['nipBaru']; ?>
                    </td>
                </tr>
                <tr <?php if ($b['nipBaru'] != $c['nipBaru']){echo "bgcolor='#FF0000'";}  ?> >
                    <td>NIP lama</td>
                    <td>
                        <?php echo $b['nipLama']; ?>
                    </td>
                    <td>
                        <?php echo $c['nipLama']; ?>
                    </td>
                </tr>
                <tr <?php if ($b['gelarDepan'] != $c['gelarDepan']){echo "bgcolor='#FF0000'";}  ?> >
                    <td>Gelar depan</td>
                    <td>
                        <?php echo $b['gelarDepan']; ?>
                    </td>
                    <td>
                        <?php echo $c['gelarDepan']; ?>
                    </td>
                </tr>
                <tr <?php if ($b['gelarBelakang'] != $c['gelarBelakang']){echo "bgcolor='#FF0000'";}  ?> >
                    <td>Gelar belakang</td>
                    <td>
                        <?php echo $b['gelarBelakang']; ?>
                    </td>
                    <td>
                        <?php echo $c['gelarBelakang']; ?>
                    </td>
                </tr>
                <tr <?php if ($b['tempatLahir'] != $c['tempatLahir']){echo "bgcolor='#FF0000'";}  ?> >
                    <td>Tempat lahir</td>
                    <td>
                        <?php echo $b['tempatLahir']; ?>
                    </td>
                    <td>
                        <?php echo $c['tempatLahir']; ?>
                    </td>
                </tr>


                </tbody>
            </table>
            <button type="submit" class="btn btn-primary btn-sm" style="width:10%"><span class="icon-cursor"></span> Approve</button>
            <button type="submit" class="btn btn-primary btn-sm" style="width:10%"><span class="icon-cursor"></span> Reject</button>




        </div>

    </div>

</div>

Answer 3

Вы можете определить класс с именем «тот же» и «другой». Затем в php проверьте, совпадают ли значения, и отобразите свойство класса, основываясь на том, являются ли они одинаковыми или разными. php

            <tr>
              <td>Nama</td>
              <td class="<?php echo ($b['nama'] == $c['nama'])? 'same': 'different'; ">
                <?php echo $b['nama']; ?>
              </td>
              <td class="<?php echo ($b['nama'] == $c['nama'])? 'same': 'different'; ">
                <?php echo $c['nama']; ?>
              </td>
            </tr>

В стилях

.same{
        color:green;
    }
    .different{
        color:red;
    }

Мы использовали троичный оператор, чтобы выяснить, являются ли переменные одинаковыми или нет. https://www.abeautifulsite.net/how-to-use-the-php-ternary-operator

Answer 4

Проверьте, отличаются ли эти два значения, и примените класс к строке

<tr<?php if ($b['nama'] != $c['nama']) { echo ' class="highlight"'; } ?>>
    <td>Nama</td>
    <td>
       <?php echo $b['nama']; ?>
    </td>
    <td>
        <?php echo $c['nama']; ?>
    </td>
</tr>

, затем используйте CSS, чтобы выделить ячейки

.highlight td {
   background: yellowgreen;
}