محمود خسروی
4 سال پیش توسط محمود خسروی مطرح شد
5 پاسخ

table responsive کار نمیکند

سلام من از بوت استرپ استفاده می کنم و یک جدول دارم کلاس 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

html_css
تگ‌های محبوب
لاراول
php
laravel
متفرقه
reactjs
عمومی
html_css
nodejs
vuejs
وردپرس
پایتون
css
فلاتر
react
javascript
ثبت پرسش جدید
محمود خسروی
تخصص : طراح و برنامه نویس
@oxbir 4 سال پیش مطرح شد
0

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


حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 4 سال پیش مطرح شد
0

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


محمود خسروی
تخصص : طراح و برنامه نویس
@oxbir 4 سال پیش مطرح شد
0

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


سید محمد حسین موسوی
تخصص : FullStack Developer
@SeyedMH.Mosavi 4 سال پیش مطرح شد
2

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


Masiht
تخصص : برنامه نویس سمت سرور (php)
@masiht 4 سال پیش مطرح شد
0

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

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام