我正在使用 Yajra DataTable 和 Laravel。 但是桌子加载非常小,大约需要 15 秒甚至更长时间。原因是 for 循环和 if 条件在 addColumn
内,这使得它变慢。
我只知道这种方式(通过使用addColumn
(在表中嵌入html标签。虽然我需要根据某些条件放置选择标签、按钮和其他链接。这些标签使加载表非常慢。
这是我的Ajax代码:
var allUsersTable = $('.allleads').DataTable({
processing: true,
serverSide: true,
ajax: {
url: "customer/GetAllcusts",
},
columns: [
{"data": "note", "name": "note", orderable: false, searchable: false},
{"data": "sms", "name": "sms"},
{"data": "assign", "name": "assign"},
],
bSort: false,
dom: 'Bfrtip',
buttons: [
'excel', 'pdf', 'print', 'colvis'
]
});
以及此处在控制器中加载数据的函数:
return DataTables::of($allClients)
->addColumn('note', function ($allClient) {
return '<a style="cursor: pointer" title="Add Note" onclick="addNotes(' . $allClient->id . ',' . $allClient->quote_id . ',this)"><i class="material-icons">event_note </i></a>';
})
->addColumn('sms', function ($allClient) {
return '<a style="cursor: pointer" title="Send SMS" id="send_smsclick" onclick="send_smsclick(' . $allClient->id . ',' . $allClient->primary_number . ')" ><i class="material-icons notranslate">message</i></a>';
})
->addColumn('assign', function ($allClient) use ($user_status, $all_users) {
if ($user_status == 'Admin') {
$options = '<option hidden="true">Select Stuff...</option>';
foreach ($all_users as $users) {
if ($allClient->user_id == $users->id) {
$options = $options . '<option value = "' . $users->id . '" disabled selected >' . $users->name . '</option >';
} else {
$options = $options . '<option value = "' . $users->id . '" >' . $users->name . '</option>';
}
}
return '<select name="user_id" class="form-control activity_status"
onchange="assign_users(' . $allClient->id . ', this)" >' . $options . ' </select>';
} else {
$query = User::find($allClient->user_id);
return $query->name;
}
})
->rawColumns(['note', 'sms', 'assign'])
->make(true);
我将不胜感激任何提高加载表的速度,以及午餐数据。
谢谢
更改:
processing: true,
serverSide: true,
自:
processing: false,
serverSide: false,