พอดีว่ากำลัง ทดลองหัดเขียนเว็บ ประมาณว่าเป็นเว็บชื้อขายสินค้า
แต่ตอนนี้ต้องมาติดกับการดึงรายการสินค้าจากฐานข้อมูลมาแสดงผล ซึ่งในความคิดของผมต้องการที่จะให้แสดงสินค้าเป็นแนวนอน และ แสดง 1 สินค้าต่อ 1 ช่อง แต่กลับคล้ายเป็นว่า
สินค้าแสดงเป็นแนวตั้ง ดังภาพ
จึงได้ลองปรับใหม่จึงได้เป็นการ แสดงสินค้าแนวนอนตามที่หวังเอาไว้ แต่ ... ปัญหาคือ สินค้ามันซ้ำกัน 1 สินค้าแสดง 4 ช่อง ซึ่งจริงๆแล้ว สินค้า 1 ชิ้นต้องแสดง 1 ช่องเท่านั้น
TT ใครพอจะมีแนวทาง การแก้ให้ได้ไหมครับ ขอโทษที่รบกวนครับ มือใหม่ จริง ๆ
<br />
<h2>รายการสินค้าทั้งหมด</h2>
<br>
<table class="table">
@foreach (var item in Model)
{
<tr>
<td>
<div class="row">
<div class="col-md-4">
<img src="@Url.Content(@item.Pro_Image)" style="width:260px;" />
<br />
<h4 style="width:260px;">@Html.DisplayFor(modelitem => item.Pro_Name)</h4>
<p style="width:260px;">
@Html.DisplayFor(modelitem => item.Pro_Desc)
<p style="width:260px;"> @Html.DisplayFor(modelitem => item.Pro_Price) บาท </p>
<p><a class="btn btn-default" href="#" target="_blank">สั่งชื้อสินค้า</a></p>
</p>
</div>
</div>
</td>
</tr>
}
</table>
พัฒนาเว็บไซต์
