table responsive کار نمیکند

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

لینک کوتاه اشتراک گذاری

0

سلام من از بوت استرپ استفاده می کنم و یک جدول دارم کلاس 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
محمود خسروی ( 18113 تجربه )
3 سال پیش
تخصص : طراح و برنامه نویس

لینک کوتاه اشتراک گذاری

0

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

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

لینک کوتاه اشتراک گذاری

0

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

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

لینک کوتاه اشتراک گذاری

0

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

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

لینک کوتاه اشتراک گذاری

2

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

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

لینک کوتاه اشتراک گذاری

0

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

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

برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.