为什么我的DataTable中的按钮每次单击都会传递0，而不是它应该传递的Id？

<table id="myTable" class="table">
  <thead>
    <tr>
      <th>Id</th>
      <th>Name</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>John</td>
      <td><button class="btn btn-primary btn-sm" onclick="handleButtonClick(1)">Edit</button></td>
    </tr>
    <tr>
      <td>2</td>
      <td>Jane</td>
      <td><button class="btn btn-primary btn-sm" onclick="handleButtonClick(2)">Edit</button></td>
    </tr>
    <!-- more rows... -->
  </tbody>
</table>

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

  function handleButtonClick(id) {
    // 在这里处理按钮点击事件，将id传递给后端处理
    console.log(id);
    // 可以通过Ajax请求将id传递给后端
    // $.ajax({
    //   url: 'your_backend_url',
    //   method: 'POST',
    //   data: { id: id },
    //   success: function(response) {
    //     // 处理成功的回调
    //   },
    //   error: function(error) {
    //     // 处理错误的回调
    //   }
    // });
  }
</script>