Eggy Ganteng

<!DOCTYPE html>
<html>
<head>
	<title>Tampil Barang</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-widht, initial-scale=1">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<script src="jquery-3.4.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</head>
<body>

	<?php
	include"conf/koneksi.php";
	$tampil=mysqli_query($con,"select a.kd_barang as kd_barang, a.nama as nama, b.nama_kategori as nama_kategori,a.deskripsi as deskripsi,a.jumlah as jumlah
				 from barang a left join kategori b on a.id_kategori=b.id_kategori");

	 ?>

	   <div class="container">
        <div class="row">
          <div class="col-sm-12">
            <h2>Tampil Data Barang</h2>
            <p>Ini Adalah data - data barang
            <a href="add.php"><button type='button' class='btn btn-info'>Tambah Data Barang</button>

            </p>
            <table class="table table-hover">
              <thead>
                <tr>
                  <th>No</th>
                  <th>Kode Barang</th>
                  <th>Nama Barang</th>
                  <th>Kategori</th>
                  <th>Deskripsi</th>
                  <th>Jumlah</th>
                  <th>Aksi</th>

                </tr>
              </thead>
              <tbody>
              <?php
                  $no=1;
                  // print_r($tampil);exit;
                  while ($r=mysqli_fetch_array($tampil)){
                    echo "
                    <tr>
                        <td>$no</td>
                        <td>$r[kd_barang]</td>
                        <td>$r[nama]</td>
                        <td>$r[nama_kategori]</td>
                        <td>$r[deskripsi]</td>
                        <td>$r[jumlah]</td>
                        <td><button type='button' class='btn btn-primary'>Edit</button>
                        <button type='button' class='btn btn-danger'>Hapus</button>
                        </td>
                    </tr>";
                    $no++;
                  }
                  ?>
               </tbody>
            </table>
          </div>
        </div>
       </div>

</body>
</html>