آفلاین
user-avatar

table responsive کار نمیکند

2 سال پیش
توسط Masiht آپدیت شد
آفلاین
user-avatar
محمود خسروی ( 17185 تجربه )
2 سال پیش
تخصص : طراح و برنامه نویس

سلام من از بوت استرپ استفاده می کنم و یک جدول دارم کلاس table-responsive هم بهش اضافه کردم اما جدول من رسانیبو نشد.

http://uupload.ir/files/wk1x_1.png

@extends('Admin.master')

@section('style')

@endsection

@section('content')

    <div class="col-md-۱۰">
        <div class="panel panel-default">
            <div class="panel-heading main-color-bg">
                <h۳ class="panel-title">بازرسی انجام نشده</h۳>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-striped table-hover">
                        <thead>
                        <tr>
                            <th>کد درخواست</th>
                            <th>نام آموزشگاه</th>
                            <th>شماره ملی مؤسس</th>
                            <th>فعالیت گروه</th>
                            <th>شهرستان</th>
                            <th>نام و نام خانوادگی مؤسس</th>
                            <th>کد ملی</th>
                            <th>موبایل</th>
                            <th>شماره تماس آموزشگاه</th>
                            <th>آدرس</th>
                            <th>نمایش جزئیات</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($schools as $school)
                                    <tr>
                                        <td class="translate">{{ $school->id }}</td>
                                        <td>{{ $school->school_name }}</td>
                                        <td class="translate">{{ $school->national_number_founder }}</td>
                                        <td>{{ $activity->group->group_name }}</td>
                                        <td>{{ $school->cities->city_name }}</td>
                                        <td>{{ $school->user->first_name }} {{ $school->user->last_name }}</td>
                                        <td class="translate">{{ $school->user->national_code }}</td>
                                        <td class="translate">{{ $school->user->mobile }}</td>
                                        <td class="translate">{{ $school->phone }}</td>
                                        <td>{{ $school->address }}</td>

                                        <td>
                                            <a href="{{ route('inspection-register.show', ['id' => $school->id]) }}"><span class="glyphicon glyphicon-list-alt"></span></a>
                                            <a href="{{ route('schools-list.index') }}"><span class="glyphicon glyphicon-search"></span></a>
                                        </td>
                                    </tr>
                                @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')

@endsection
آفلاین
user-avatar
محمود خسروی ( 17185 تجربه )
2 سال پیش
تخصص : طراح و برنامه نویس

اینجا هیچ کس نمی دونه؟

آفلاین
user-avatar
حسام موسوی ( 403896 تجربه )
2 سال پیش
تخصص : طراح و برنامه نویس

من تصویر رو دیدیم ولی شما به چه طریقی میخواید رسپانسیو باشه

آفلاین
user-avatar
محمود خسروی ( 17185 تجربه )
2 سال پیش
تخصص : طراح و برنامه نویس

خوب معلومه، اسکرول بار.

آفلاین
user-avatar
سید محمد حسین موسوی ( 18823 تجربه )
2 سال پیش
تخصص : FullStack Developer

سلام
مسئله اینه که جدول شما همین العانش هم responsive هست! فقط باید عرض صفحه کوچیک بشه و وقتی این اتفاق افتاد، برای اینکه محتوی جدول درست نشون داده بشه یه اسکرول افقی پایین جدولتون اضافه می شه.
تو کدهای بوت استرپ این امکان هم وجود داره که شما بگید از چه break point به بعد می خواد ریسپانیو بشه و می تونید کنترل کنید که تا یه اندازه ای ریسپانیو نباشه و از یه جای به بعد ریسپانیو بشه

آفلاین
user-avatar
Masiht ( 3396 تجربه )
2 سال پیش
تخصص : برنامه نویس سمت سرور (php)

درود دوست گرامی !
ظاهرا ریسپانسیو هست و احتمالا شما درست مفهوم واکنش گرایی رو متوجه نشدید (جسارت کردم)

اگر ابعاد صفحه تغییر کند این جدول یک اسکرول افقی می خود دوست گرامی . همانطور که سید حسین موسوی عزیز گفتند می توان از نقطه شکست یا Break point کنترل کنید این ابعاد را
موفق باشید

برای ارسال پاسخ باید وارد سایت شوید