Я использую датированный:
$(document).ready(function() {
$('#orderListTable').DataTable({
serverSide: true,
processing:true,
responsive: true,
"scrollX": true,
"pagingType": "full_numbers",
"drawCallback": function( settings ) {
},
ajax: {
url: siteUrl+'/allorder',
type: 'GET',
},
"lengthMenu": [
[10, 25, 50, -1],
[10, 25, 50, "All"]
],
language: {
search: "_INPUT_",
searchPlaceholder: "Search records",
sProcessing: "<img src='image/loader.gif'>"
},
columns: [
{ data: "id" },
{ data: "order_number" },
{ data: "customer_name" },
{ data: "customer_mobile_1" },
{ data: "customer_mobile_2" },
{ data: "order_date" },
{ data: "delivery_date" },
{ data: "order_amount" },
{ data: "action" }
]
})
});
и у меня есть следующая таблица
<table id="orderListTables" class="display nowrap" width="100%">
<thead>
<tr class="">
<th>Id</th>
<th>Order Number</th>
<th>Customer Name</th>
<th>Customer Number</th>
<th>Order Date </th>
<th>Delivery Date</th>
<th>Order Amount</th>
<th class="disabled-sorting ">Actions</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
и я использую следующую библиотеку
<script src="https://cdn.datatables.net/1.10.17/js/jquery.dataTables.min.js"></script>
когда я загружаю данные страницы не отображаются. Если я попытаюсь выбрать значение фильтра или выполнить поиск, тогда данные будут загружены даже для статических таблиц, реагирующих на истинную работу, но не для вызова ajax. Даже прокрутка х не работает, если у меня большие столбцы.
Я даже заметил, что на странице загрузки данные не будут вызывать ajax url
Может ли кто-нибудь помочь мне, как я могу решить эту проблему?
Обновление
{
"draw": 0,
"recordsTotal": 3,
"recordsFiltered": 3,
"data": [
{
"id": "1",
"order_number": "1312412",
"customer_name": "sdgsd",
"customer_mobile_1": "3532523",
"customer_mobile_2": "32523",
"order_date": "25/06/2018",
"delivery_date": "25/06/2018",
"order_amount": "32532",
"action": "<td class=\"td-actions text-right\">\n \n <button type=\"button\" rel=\"tooltip\" class=\"btn btn-success btn-sm editBranch\"\n onclick=\"editOrder(1)\" id=\"editBranch\">\n <i class=\"material-icons\">edit</i>\n </button>\n <button type=\"button\" rel=\"tooltip\" class=\"btn btn-danger btn-sm\" onclick=\"deleteOrder(1)\">\n <i class=\"material-icons\">close</i>\n </button>\n </td>"
},
я использую yraja laravel datatable