[SOLVED] Mengatur warna badge status transaksi

Bagaimana cara mengatur warna badge status transaksi pada tabel transaksi berdasarkan status transaksi yg ada di database. Saya menggunakan codeigniter dan bootstrap. Misal status transaksi di database adalah 'pending', maka warna badge di tabel transaksi berwarna 'kuning', jika status transaksi di database adalah 'sukses', maka warna badge di tabel transaksi berwarna 'hijau', dan jika status transaksi di database adalah 'batal', maka warna badge di tabel transaksi berwarna 'merah'. Ini bagian view tabel transaksinya;

<div class="container-fluid">
	<div class="shadow p-3 mb-5 bg-white rounded">
		<table class="table" id="myTable">
  <thead>
    <tr>
      <th scope="col">Nama Produk</th>
      <th scope="col">Jumlah Beli</th>
      <th scope="col">Status</th>
      <th scope="col">Aksi</th>
    </tr>
  </thead>
  <tbody>
  	<?php foreach($transaksi as $trans): ?>
    <tr>
      <td><?php echo $trans['nama']; ?></td>
      <td><?php echo $trans['jml']; ?></td>
      <td>
        <span class="badge badge-warning"><?php echo $trans['status']; ?></span>
      </td>
      <td></td>
    </tr>
    <?php endforeach; ?>
  </tbody>
</table>
	</div>
</div>

avatar Ahmad554
@Ahmad554

95 Kontribusi 39 Poin

Diperbarui 5 tahun yang lalu

Tanggapan

gan, warna badge di browser ane kenapa jadi abu abu semua ya? padahal udah pake class badge yang berbeda beda

2 Jawaban:

Jawaban Terpilih

pakai kondisi bisa mas

<pre>

&lt;?php if($trans['status'] == 'pending'){ ?&gt; &lt;span class="badge badge-warning"&gt;&lt;?php echo $trans['status']; ?&gt;&lt;/span&gt; &lt;?php } ?&gt;

</pre>

tinggal nerusin untuk kondisi berikutnya jika apa gt....semoga membantu :v

avatar ghonijee
@ghonijee

41 Kontribusi 25 Poin

Dipost 5 tahun yang lalu

Tanggapan

makasih udah membantu mas, tpi kok blm tampil ya

sudah coba di lengkapin code nya.. semua status sudah ada kondisinya apa belum.. cobaa di share sini hasil edit nya

udah jdi mas.. makasih banget.. maap tdi kurang teliti

Udah jdi mas <a href=' https://sekolahkoding.com/user/ghonijee '> https://sekolahkoding.com/user/ghonijee </a> <img src=' https://prnt.sc/m7eyaz '>

avatar Ahmad554
@Ahmad554

95 Kontribusi 39 Poin

Dipost 5 tahun yang lalu

Tanggapan

semangat ngoding

siap mas :D

Login untuk ikut Jawaban