我在Yajra DataTable 8.0上使用Laravel 5.4,在localhost上一切正常,并且DataTable一切正常。但是,当我将文件上传到“数字海洋”在线服务器上时,Datatable工作正常,但分页却无法完全工作。它显示每个分页幻灯片的所有记录(6420条记录)。在localhost上,每页正常显示10条记录,而在网上,每页分页显示所有记录。
另一个问题是搜索框,根本无法使用。它显示了每次键入时对其中任何文本的处理。但是,在其中键入任何内容后没有任何结果。
在我的标题中:
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link href="https://fonts.googleapis.com/css?family=Dosis:300,400,500,700" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"/>
</head>
这是表格:
<table id="student_table" class="this_testing table table-bordered" style="width:100%">
<thead>
<tr>
<th>name</th>
<th>primary_number</th>
</tr>
</thead>
</table>
这是我的JS:
<script>
$(document).ready(function () {
$('.this_testing').DataTable({
processing: true,
serverSide: true,
ajax: {
url: "lead/testing"
},
columns: [
{"data": "id", "name": "id"},
{"data": "name", "name": "name"}
],
// bSort: true,
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
});
});
</script>
这是我的路线:
Route::get('lead/testing', 'LeadController@testing');
Route::get('lead/testings', 'LeadController@testings');
最后由控制器获取数据:
public function testings()
{
return view('testing');
}
public function testing()
{
$allClients = Status::select('id','name');
return DataTables::of($allClients)->make(true);
}
Network或Inspect中没有任何Ajax错误,我从Controller那里获得了正确的数据,但是我的问题是在“数字海洋”服务器上显示DataTable时,它在每张幻灯片中始终显示所有响应记录(6320条记录)分页,这会使页面过长,并且分页需要一段时间才能加载。我想使其正常运行,每页10条记录,是否有冲突或遗漏了库。
另一个问题,“搜索”框显示每次输入时都在处理,但不起作用,并且不影响结果。
任何帮助, 我在Digital Ocean Server上使用Laravel 5.4和DataTable ^ 8.0