Question

这是我的HTML /树枝：

<table
    class="table table-striped"
    data-toggle="datatable"
    data-number-rows-display=5
>
    <thead>
        <tr>
            <th data-exportable="true" data-sortable="true">Nom</th>
            <th data-exportable="true" data-sortable="true">Prénom</th>
            <th data-exportable="true">Téléphone fixe</th>
            <th data-exportable="true">Téléphone portable</th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        {% for individual in people %}
            <tr>
                <td class="align-middle">{{ individual.lastname }}</td>
                <td class="align-middle">{{ individual.firstname }}</td>
                <td class="align-middle"><div class="phone">{{ individual.homePhoneNumber }}</div></td>
                <td class="align-middle"><div class="phone">{{ individual.cellPhoneNumber }}</div></td>
                <td class="align-middle column-action">
                    <a
                        href="{{ path('people_edit', { 'id': individual.id }) }}"
                        class="btn btn-secondary"
                        data-toggle="modal"
                        data-target="#information-people-{{ individual.id }}"
                        >
                        <i class="icon ion-md-repeat"></i>&nbsp;Relancer
                    </a>
                </td>
            </tr>
        {% endfor %}
    </tbody>
</table>

我使用data-toggle="datatable"来切换数组中的DataTable。

我的JavaScript控制台向我抛出警告i is undefined jquery.datatables.min.js。我不明白这意味着什么以及如何解决。

Answer 1

将生成的HTML通过W3C validator传递后，我发现<th>比<td>太多（6 <th>等于5 <td>）。删除其中一个<th>可以解决问题。

为什么出现JS错误“我是未定义的jquery.datatables.min.js”

1 个答案: