我已经硬编码了一些示例数据来检查天气数据表是否发生
表.刀片.php
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
<!--<div class="col-md-8 col-md-offset-2">-->
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">table</div>
<div class="panel-body">
@if (session('status'))
<div class="alert alert-success">
{{ session('status') }}
</div>
@endif
<table class="table" id="table">
<thead>
<tr>
<th class="text-center">First Name</th>
<th class="text-center">Last Name</th>
<th class="text-center">Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
@endsection
在标题页中初始化 css/js
<head>
<script src="//code.jquery.com/jquery-1.12.3.js"></script>
<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css">
</head>
爪哇语
<script>
$(document).ready(function() {
$('#table').DataTable();
} );
</script>
没有错误，但不显示分页和搜索选项
我认为js文件加载不正确。
<script src="https://code.jquery.com/jquery-1.12.3.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js">
</script>
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js">
</script>
<link rel="stylesheet"
href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet"
href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css">
我已经使用以下代码完成了分页，但没有彻底的/datatable lib。
在标记旁边添加以下代码</table>。
表.刀片.php
{!! $viewalltask->links() !!}
还要更新控制器
控制器.php
public function viewalltask()
{
$viewalltask = DB::table('tasks')->paginate(5);
return view('viewalltask', ['viewalltask' => $viewalltask]);
}
尝试在您的布局中放置一个 yeild.blade
@yield('scripts')
在您的页面中，放置一个部分("脚本"(：
@section('scripts')
<script>
$(document).ready(function() {
$('#table').DataTable();
} );
</script>
@stop
您的数据表尝试在页面加载完成之前加载。延迟脚本，以便它们仅在页面加载后加载：
<script src="//code.jquery.com/jquery-1.12.3.js" defer></script>
<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js" defer></script>
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js" defer></script>
两种方式： 1( 环境文件放入数据库名称 2( 数据库.php设置数据库名称中的文件连接