Dataatable не работает, когда есть данные из БД

Question

Плагин с данными Jquery не работает, если у него есть данные, выбранные из базы данных по дате. Но это работает, если в таблице нет данных. Вот некоторый код

Выбрать все данные из таблицы базы данных в контроллере:

$inbound['inbound'] = DB::table('REPORT_INBOUND')
    ->where('regdate', '=', date('Y-m-d', strtotime("2019-05-21")))
    ->get();
return view('/traffic', $inbound, $outbound);

И я скопировал и вставил необходимые сценарии, например:

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

<table id="ahhhaa" width="90%" class="table table-striped table-bordered table-hover display">
            <thead class="thead-light">
            <tr>
                <th>ID</th>
                <th>RegDate</th>
                <th>HPMN Code</th>
                <th>Country</th>
                <th>HPMN Name</th>
            </tr>
            </head>
            <tbody>
            @foreach($inbound as $value)
                <tr class="table table-hover">
                    <td>{{ $value->id }}</td>
                    <td>{{ $value->regdate }}</td>
                    <td>{{ $value->hpmn_code }}</td>
                    <td>{{ $value->country }}</td>
                    <td>{{ $value->hpmn_name }}</td>
            @endforeach
            </tbody>
</table>

$(document).ready(function () {
   $('#ahhhaa').DataTable()
});

Есть ли ошибка?

Answer 1

вернуть страницу просмотра с данными:

return view('folder/file_name')->with($inbound);

Answer 2

Измените идентификатор таблицы. В противном случае метка не будет идентифицировать таблицу как таблицу данных.

<table id="datatable-buttons" class="table table-responsive">

Answer 3

Возможно, потому что вы не закрыли свой thead.
Исправьте это и прокомментируйте, если не решены.

<table id="ahhhaa" width="90%" class="table table-striped table-bordered table-hover 
display">
        <thead class="thead-light">
        <tr>
            <th>ID</th>
            <th>RegDate</th>
            <th>HPMN Code</th>
            <th>Country</th>
            <th>HPMN Name</th>
        </tr>
        </thead><!-- Add this Line -->
        <tbody>
            loop...
        </tbody>

Надеюсь, это работает!