PDA

View Full Version : داشتن تیبل ریسپانسیو



sara_t
سه شنبه 16 آذر 1395, 23:53 عصر
سلام دوستان

میشه منو راهنمایی کنین که چطور میتونم یه تیبل ریسپانسیو در mvc داشته باشم؟

من یه تیبل دارم که اطلاعات رو از دیتابیس میخونم و اونجا نمایش میدم اما ریسپانسیو نیس.ممنون میشم راهنمایی کنین

Moien Tajik
چهارشنبه 17 آذر 1395, 01:16 صبح
اگر از Bootstrap استفاده میکنید ، کافیه به این شکل عمل کنید :


<div class="table-responsive">
<table>
...
</table>
</div>

sara_t
چهارشنبه 17 آذر 1395, 09:36 صبح
ممنون
من اینکارو انجام دادم. الان صفحه م ریسپانسیو هست اما خود تیبل یه اسکرول میخوره زمانیکه صفحه کوچیک میشه

sara_t
چهارشنبه 17 آذر 1395, 09:39 صبح
<section id="content">
<div class="container">
<div class="row">
<div class="directionrtl">
<div class="col-lg-12">


<div class="table-responsive">
<table class="table-full table-total">
<tr>
<th>
@Html.DisplayNameFor(model => model.Image)
</th>
<th>
@Html.DisplayNameFor(model => model.Name)
</th>
<th>
@Html.DisplayNameFor(model => model.GroupId)
</th>
<th>
@Html.DisplayNameFor(model => model.Price)
</th>
<th>
عملیات
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@Html.ImageFor(modelItem => item.Image, new { width = "80" }, "Tulips.jpg", "Files", "UploadImages")
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.Group.Name)
</td>
<td>
@item.Price.ToString().Trim('0').Trim('.') تومان
</td>
<td>
@Html.ActionLink("ویرایش", "EditProduct", new { id = item.Id }) |
@Html.ActionLink("حذف", "DeleteProduct", new { id = item.Id }, new { onclick = "return confirm('جهت حذف مطمئن هستید ؟')" })
</td>
</tr>
}
</table>
</div>
</div>
</div>
</div>
</div>
</section>

Moien Tajik
چهارشنبه 17 آذر 1395, 15:28 عصر
خب Responsive تیبل به همین صورت هستش و درسته .
خوده صفحه اسکرول نمیخوره و فقط Table بر اساس عرضش اسکرول داره .