数据表在分页器链接下方显示空白

时间:2019-04-03 13:10:57

标签: laravel datatable

我正在使用larashop管理面板。数据表在数据表下方显示空白。.高度空白随着数据表条目的增加而增加。我不知道该怎么办。.

我尝试了一些CSS,但是没有一个帮助我。

@extends('templates.admin.layout')
@section('title', 'All Courses')

@section('content')
<div class="">

    <div class="row">

        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Courses <a href="{{route('course.add')}}" class="btn btn-primary btn-xs"><i class="fa fa-plus"></i> Create New </a></h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <table id="datatable-buttons" class="table table-responsive">
                        <thead>
                            <tr>
                                <th>Course Name</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>Course Name</th>
                                <th>Action</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            @if(count($courses))
                            @foreach ($courses as $row)
                            <tr>
                                <td>{{$row->name}}</td>
                                <td>
                                    <a href="{{ route('course.edit', ['id' => $row->id]) }}" class="btn btn-info btn-xs"><i class="fa fa-pencil" title="Edit"></i> </a>
                                    <a href="{{ route('course.show', ['id' => $row->id]) }}" class="btn btn-danger btn-xs"><i class="fa fa-trash-o" title="Delete"></i> </a>
                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@stop

提供了该问题的屏幕截图。请检查...   https://i.stack.imgur.com/avqf5.png

0 个答案:

没有答案
相关问题