DataTable Не показывается таблица - PullRequest
0 голосов
/ 09 ноября 2019

Я пытаюсь включить dataTables в мой индекс сообщений. я получаю таблицу, но в столбцах таблицы нет информации

Я попытался реализовать DataTables, как говорит их сторона, и я сохранил нормальный способ отображения данных, просто чтобы быть уверенным, что я получаю результаты

Я использую

<link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
    <script src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>

Для создания моей таблицы я использую:

<table class="display" id="postsTable">
    <thead>
    <tr>
        <td>ID</td>
        <th>Title</th>
        <th>Slug</th>
        <th>Subtitle</th>
        <th>Content</th>
    </tr>
    </thead>
    <tbody>
    @foreach($posts as $post)
        <tr>
            <td>{{$post->id}}</td>
            <td>{{$post->Title}}</td>
            <td>{{$post->Slug}}</td>
            <td>{{$post->Subtitle}}</td>
            <td>{{$post->Content}}</td>
        </tr>
        @endforeach
    </tbody>
</table>


</body>
<script>
    $(document).ready( function () {
    $('#postsTable').DataTable();
    } );
</script>

И я уверен, что смогу получить результаты из своей таблицы сообщений, поскольку, когда я использую:

<h1 class="title">Posts Table</h1>
<form action="/posts/create" id="myTable">
    <div class="field">
        <div class="control">
            <button type="submit" class="button is-link">Create New Post</button>
        </div>
    </div>
</form>

@foreach ($posts as $post)
    <li>
        <a href="/posts/{{ $post->id }}">
            {{$post->title}}
        </a>
    </li>
@endforeach

Я получаю результаты.

Буду признателен за любую помощь, поскольку я нигде не смог найти работающего решения.

1 Ответ

0 голосов
/ 09 ноября 2019

После просмотра моего кода я понял, что у меня есть опечатка с именами атрибутов, которые я пытался получить. Вместо «Заголовок» должно было быть «Заголовок» и т. Д.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...