Jquery 管理员LTE2数据表样式不工作
AdminLTE2 Datatables的功能运行得很好。但是样式没有应用于数据表。这是我的代码 在主刀片中: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">
@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样式消失了