Php - Search Box，当MySQL的数据显示时，分页消失

Question

我不知道如何解决这个问题，Datatables的组件已经消失了：Searchbox，分页，长度。

我认为这是由我自己在PHP代码中引起的，但事实并非如此。

有很多错误显示，id=example, error JSON response第二个AJAX error。

现在我发现了这个，这就是我现在问我问题的原因。

下面的代码只显示了name，但该表的其他组成部分已经消失。

<table cellpadding="1" cellspacing="1" id="datatable" class="display" width="100%">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Phone</th>
                    <th>City</th>
                    <th>Email</th>
                </tr>
                </thead>
                <tbody>
                <?php
                require_once("Connection.php");
                $connection = new Connection();
                $conn = $connection->getConnection();
                try{
                    $sql = "SELECT * FROM identitas";
                    $getData = $conn->prepare($sql);
                    $getData->execute();
                    $result = $getData->fetchAll(PDO::FETCH_ASSOC);
                    foreach($result as $data){
                        ?>
                        <tr>
                            <td><?php echo $data['nama']?></td>
                        </tr>
                        <?php
                    }
                }catch(PDOException $e){
                    echo "ERROR : " . $e->getMessage();
                }
                ?>
                </tbody>
                <tfoot>
                <tr>
                    <th>Name</th>
                    <th>Phone</th>
                    <th>City</th>
                    <th>Email</th>
                </tr>
                </tfoot>
            </table>

如何致电Datatables

 <!-- for data table-->
        <link rel="stylesheet" type="text/css" href="DataTables-1.10.11/media/css/jquery.dataTables.css">
        <script type="text/javascript" src="DataTables-1.10.11/media/js/jquery-1.12.1.min.js"></script>
        <script type="text/javascript" src="DataTables-1.10.11/media/js/jquery.dataTables.min.js"></script>


        <!-- javascript-->
        <script type="text/javascript">

            $(document).ready(function(){
                $('#datatable').dataTable({
                    "dom": '<"top"fl>rt<"bottom"ip><"clear">'
                });
            });
      </script>