【发布时间】:2019-03-07 05:39:48
【问题描述】:
我正在将 bootstrap 3 用于网站项目。我正在尝试创建一个带有响应式表格的页面,以便在表格太大时使用滚动条。我做了一个这样的测试用例:
<div class="col-md-10">
<div class="panel panel-default">
<div class="panel-heading main-color-bg">
<h3 class="panel-title">بازرسی انجام نشده</h3>
</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>
现在,问题是它没有添加滚动条,它只是将网站扩展到表格的宽度。
在此处查看屏幕截图:
我已经看到它在其他几个网站上运行,所以我正在做的事情......是错误的。
【问题讨论】:
-
任何控制台错误?