web
<table class="table">
<thead>
<tr >
<th scope="col" class="text-body-secondary">#</th>
<th scope="col" class="text-body-secondary">Rasm</th>
<th scope="col" class="text-body-secondary">Mahsulot Nomi</th>
<th scope="col" class="text-body-secondary">Mahsulot Kodi</th>
<th scope="col" class="text-body-secondary">Mahsulot Soni</th>
<th scope="col" class="text-body-secondary">Narxi</th>
<th scope="col" class="text-body-secondary">Jami</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td><img src="book1.jpg" alt=""></td>
<td><a href="#">«Nafs va ularning muolajasi»</a></td>
<td>4337</td>
<td><div class="input-group w-25">
<button class="btn text-white bg-danger" type="button" id="button-addon1">X</button>
<input type="number" class="form-control" placeholder="" aria-label="Example text with button addon" aria-describedby="button-addon1">
</div></td>
<td>24 900 so'm</td>
<td>24 900*x so'm</td>
</tr>
<tr>
<th scope="row">2</th>
<td><img src="book2.jpg" alt=""></td>
<td><a href="#">«Vasvasa va shaklardan qutiling»</a></td>
<td>4398</td>
<td>
<div class="input-group w-25">
<button class="btn text-white bg-danger" type="button" id="button-addon1">X</button>
<input type="number" class="form-control" placeholder="" aria-label="Example text with button addon" aria-describedby="button-addon1">
</div>
</td>
<td>31 900 so'm</td>
<td>31 900*x so'm</td>
</tr>
<tr>
<th scope="row">3</th>
<td ><img src="book3.jpg" alt=""></td>
<td><a href="#">«O'zaro janjallar va ular yechimi»</a></td>
<td>6578</td>
<td>
<div class="input-group w-25">
<button class="btn text-white bg-danger" type="button" id="button-addon1">X</button>
<input type="number" class="form-control" placeholder="" aria-label="Example text with button addon" aria-describedby="button-addon1">
</div>
</td>
<td>17 900 so'm</td>
<td>17 900*x so'm</td>
</tr>
</tbody>
</table>