Jquery 管理员LTE2数据表样式不工作

Jquery 管理员LTE2数据表样式不工作,jquery,css,laravel-5,datatables,adminlte,Jquery,Css,Laravel 5,Datatables,Adminlte,AdminLTE2 Datatables的功能运行得很好。但是样式没有应用于数据表。这是我的代码 在主刀片中: @if(config('adminlte.plugins.datatables')) <!-- DataTables --> <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">

AdminLTE2 Datatables的功能运行得很好。但是样式没有应用于数据表。这是我的代码

在主刀片中:

@if(config('adminlte.plugins.datatables'))
    <!-- DataTables -->
 <link rel="stylesheet" type="text/css" 
         href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
 @endif

 In my child blade,
      @section('content')
             <div class="box-body">
          <table id="example2" class="table table-bordered table-hover">
            <thead>
            <tr>
              <th>Rendering engine</th>
              <th>Browser</th>
              <th>Platform(s)</th>
              <th>Engine version</th>
              <th>CSS grade</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td>Trident</td>
              <td>Internet
                Explorer 4.0
              </td>
              <td>Win 95+</td>
              <td> 4</td>
              <td>X</td>
            </tr>
            <tr>
              <td>Trident</td>
              <td>Internet
                Explorer 5.0
              </td>
              <td>Win 95+</td>
              <td>5</td>
              <td>C</td>
            </tr>                       
            </table>
        </div>
  @stop
 @section('adminlte_js')
 <script>
   $(function () {
 $("#example1, #example2").DataTable();
});
</script>
 @stop
@if(配置('adminlte.plugins.datatables'))
@恩迪夫
在我的孩子刀片,
@节(“内容”)
渲染引擎
浏览器
月台
引擎版本
CSS等级
三叉戟
互联网
浏览器4.0
赢得95分+
4.
X
三叉戟
互联网
浏览器5.0
赢得95分+
5.
C
@停止
@第节('adminlte_js')
$(函数(){
$(“#示例1,#示例2”).DataTable();
});
@停止
链接的css文件有什么问题吗?
有人能帮我解决这个问题吗?

你必须包括引导js和css文件。在您的子视图中尝试以下操作:

@section('adminlte_css')
    <link rel="stylesheet" type="text/css" 
                 href="//cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css">
@stop

@section('content')
  ...
@stop

@section('adminlte_js')
    <script src="//cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
    <script>
        $(function () {
            $("#example1, #example2").DataTable();
        });
    </script>
@stop
@section('adminlte\u css')
@停止
@节(“内容”)
...
@停止
@第节('adminlte_js')
$(函数(){
$(“#示例1,#示例2”).DataTable();
});
@停止

谢谢你的回复。我知道了。你看到什么变化了吗?我看到了。当添加用于分页等的引导css时,navbar样式消失了