加载DataTables - 最好的选择是什么？

Question

我正在使用jQuery插件Datatables来显示我的mysql数据库中的projects / surveys / ...我正在使用Zend Framework来创建我的web应用程序 这是它现在看起来的预览：

这是我的LibrariesController中的projectsAction。单击“SURVEYS / QUIZZES”时，您将转到同一控制器中的surveyAction，并在视图中再次对表进行改造。我在视图中如何形成表格的预览：

<table id="datatables" class="display">
            <thead>
            <tr>
                <th>Title</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            <?php   $projects = $this->projects;
            foreach($projects as $project){ ?>
                    <tr>
                        <td><a class="project_click" id="<?= $project["Id"] ?>"><?= $project["Name"] ?></a></td>
                        <td class="buttons">
                            <?php
                            if($project["PermissionLevelId"] == 1){
                            ?>
                            <span class="btn btn-block btn-inverse"><a href="../projects/edit/projectid/<?= $project["Id"] ?>">EDIT</a></span>
                            <?php } ?>
                            <span class="btn btn-block btn-inverse"><a href="../projects/use/projectid/<?= $project["Id"] ?>">USE</a></span>
                            <span class="btn btn-block btn-inverse"><a href="../projects/share/projectid/<?= $project["Id"] ?>">SHARE</a></span>
                        </td>
                    </tr>
            <?php
            }
            ?>
            </tbody>
        </table>

是通过采取新措施在项目/调查/设计之间切换的最佳方式，还是应该使用ajax调用加载？

当我在项目页面上点击例如“SURVEYS / QUIZZES”时，我也遇到了问题，然后当我在调查页面上点击“PROJECTS”时，我得到了这个：

javascript没有加载....有人可以告诉我在我的案例中最好的解决方案是什么？

Answer 1

如果唯一必须改变的是表的内容，而不是结构，那么使用Ajax会更好，并且使用dataTables配置起来非常容易。

Answer 2

我无法看到您的图片，所以很难弄明白。

我想你可能没有初始化你的dataTable。在更新数据后，在标题或方法中添加：

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