Php DataTables插件没有'；行不通

我发现了这个很棒的插件，它可以排序、过滤、显示分页等。我在一个测试空白页面上尝试过它，效果很好。但是当我在我的项目中使用相同的代码时，它就不存在了。发生了什么事？我能看到的唯一区别是我的应用程序有PHP/Mysql数据，但这个插件应该可以很好地处理这两种数据/

链接

桌子

笔名
带状疮疹
泰利丰酒店
电子邮件
服贸总协定
协调者
不，你好，阿科利达。

剧本

    <script>
        $(document).ready(function() {
            $('#taula_acollida').dataTable();
        });
    </script>

$（文档）.ready（函数（）{
$（'taula_acollida'）。数据表（）；
});

将

放在

外，同时
循环

在

中有6列，在

中有7列。这会导致

mData

错误

---

打开chrome开发者控制台，看看是否有任何错误。另外，将其更改为$（'#taula_acollida'）.DataTable（）。将

t车身

放在外部，同时尝试了这两种方法，但仍不工作：/。Chrome控制台显示：未捕获类型错误：无法读取未定义的属性“mData”。立即工作！非常感谢。

<div class="row">

    <?php
    $prepIexec = $conn->prepare('SELECT id, nom, zona, tlf, email, gats, coordinador FROM TaulaCasesAcollida ORDER BY nom ASC');
    $prepIexec->execute();

    if($prepIexec->rowCount() > 0){  ?>
    <div class="table-responsive">
        <table id="taula_acollida" class='table taulaAco display' cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th class="taulaAco_fila1 uppercase">Nom</th>
                    <th class="taulaAco_fila1 uppercase">Zona</th>
                    <th class="taulaAco_fila1 uppercase">Telèfon</th>
                    <th class="taulaAco_fila1 uppercase">Email</th>
                    <th class="taulaAco_fila1 uppercase">Gats</th>
                    <th class="taulaAco_fila1 uppercase">Coordinador</th>
                </tr>
            </thead>

            <?php
        while($row = $prepIexec->fetch(PDO::FETCH_ASSOC)){
            extract($row);
            ?>
            <tbody>
                <tr>
                    <td class="taulaAco_fila2 capitalize"><?php echo $nom; ?></td>
                    <td class="taulaAco_fila2"><?php echo $zona; ?></td>
                    <td class="taulaAco_fila2"><?php echo $tlf; ?></td>
                    <td class="taulaAco_fila2"><?php echo $email; ?></td>
                    <td class="taulaAco_fila2 capitalize"><?php echo $gats; ?></td>
                    <td class="taulaAco_fila2 capitalize"><?php echo $coordinador; ?></td>

                    <td class="taulaAco_fila2 E">
                        <a title="editar" href="editar_casaAcollida.php?edit_id=<?php echo $row['id']; ?>" title="editar"><i class="material-icons iconoEditar">mode_edit</i></a>
                        <a class="X" title="eliminar" href="?eliminar_id=<?php echo $row['id']; ?>" onclick="return confirm('Estàs segur que vols el·liminar aquesta casa d'acollida?')"><i class="material-icons iconoEliminar">cancel</i></a>
                    </td>
                </tr>

                <?php
        }
    }
    else{
                ?>
                <div class="col-xs-12">
                    <div class="alert alert-warning">No hi ha cases d'acollida.</div>
                </div>
                <?php
    }
                ?>
            </tbody>
        </table>
    </div>

</div>

    <script>
        $(document).ready(function() {
            $('#taula_acollida').dataTable();
        });
    </script>