View Full Version : داشتن تیبل ریسپانسیو
  
sara_t
چهارشنبه 17 آذر 1395, 00:53 صبح
سلام دوستان
میشه منو راهنمایی کنین که چطور میتونم یه تیبل ریسپانسیو در mvc داشته باشم؟
من یه تیبل دارم که اطلاعات رو از دیتابیس میخونم و اونجا نمایش میدم اما ریسپانسیو نیس.ممنون میشم راهنمایی کنین
Moien Tajik
چهارشنبه 17 آذر 1395, 02:16 صبح
اگر از Bootstrap استفاده میکنید ، کافیه به این شکل عمل کنید :
<div class="table-responsive">
	<table>
		...
	</table>
</div>
sara_t
چهارشنبه 17 آذر 1395, 10:36 صبح
ممنون
من اینکارو انجام دادم. الان صفحه م ریسپانسیو هست اما خود تیبل یه اسکرول میخوره زمانیکه صفحه کوچیک میشه
sara_t
چهارشنبه 17 آذر 1395, 10: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, 16:28 عصر
خب Responsive تیبل به همین صورت هستش و درسته . 
خوده صفحه اسکرول نمیخوره و فقط Table بر اساس عرضش اسکرول داره .
 
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.