Javascript 如何在php和mysql上实现datatable

我想在我的表上实现datatable插件，但它没有显示所需的结果 这是密码

<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css"/>
<table id="data" class="table table-hover mb-0">
    <thead>
    <tr>
        <th class="pt-0">#</th>
        <th class="pt-0">New User</th>
        <th class="pt-0">User_name</th>
        <th class="pt-0">Linkedin URL</th>
        <th class="pt-0">Resume</th>
        <th class="pt-0">Accept</th>
        <th class="pt-0">Remove</th>
    </tr>
    </thead>
    <tbody><!-- style ="font-size:20px;font-weight:bold;"-->

    <?php
    $sql_table = "SELECT *  FROM register  ORDER BY id";
    $result_table = mysqli_query($db, $sql_table);

    {
        while ($row_table = mysqli_fetch_assoc($result_table)) {
            $id = $row_table["id"];
            $field2name = $row_table["email"];
            $field3name = $row_table["username"];
            $field4name = $row_table["linkedin"];
            echo '<tr> 
                  <td>' . $id . '</td> 
                  <td>' . $field2name . '</td> 
                  <td>' . $field3name . '</td> 
                  <td><a href=' . $field4name . ' target="_blank">' . $field4name . '</a></td>';
            echo '<td><span class="approve btn btn-primary" data-id=' . $id . '>Approve</span></td>
                  <td><span class="delete btn btn-danger" data-id=' . $id . '>Delete</span></td>
              </tr>';
        }
        $result_table->free();
    } ?>
    </tbody>
</table>

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

#
新用户
用户名
Linkedin网址
简历
接受
去除
$（文档）.ready（函数（）{
$（“#数据”）.DataTable（）；
});

运行时，它不会显示datatable.net文档中显示的任何更改

---

我也在head中包含了script标记，但它不起作用

Datatables对于获取

标记的数量非常挑剔，让我们将它们称为列名标记，以及表体中的

数据列标记的数量也是如此

如果在表头中有6个

标记，则需要在表体中有6个

标记。它们必须是相同的数字，不管是什么

所以你要么

一个过多的

标记条目或

没有足够的

标记条目

我想这是第二种选择

因此，如果指定了

删除

，则在

部分中没有匹配的条目。即，您缺少删除列条目

所以你的“动作”按钮的代码部分

echo '<td><span class="approve btn btn-primary" data-id=' . $id . '>Approve</span></td>
      <td><span class="delete btn btn-danger" data-id=' . $id . '>Delete</span></td>
      </tr>';

---

为什么？为什么在创建表时在表中有脚本标记？你的结束表标签出现在现场的什么地方？我没有包括该部分，它是在结束标签之后，我也尝试过在头部标签和身体内部包含脚本，但没有效果。这是一个非常强烈的建议，不要使用$field2name等名称。。把你的变量称为什么。你用$id做了，但后来用电子邮件、用户名和linkedin等进行了毫无意义的点名。称他们为$field2name、$field3name和$field4name。谢谢Tim事实上，我也喜欢他们的名字是通用的，只是为了测试的目的，我这样命名他们

echo '<td><span class="approve btn btn-primary" data-id=' . $id . '>Approve</span></td>
      <td><span class="delete btn btn-danger" data-id=' . $id . '>Delete</span></td>
      <td><span class="remove btn btn-danger" data-id=' . $id . '>Remove</span></td>
      </tr>';

<th class="pt-0">Resume</th> -->