如何在datatable的每一行中添加编辑/删除按钮

<table id="myTable">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>
        <button class="edit-btn">编辑</button>
        <button class="delete-btn">删除</button>
      </td>
    </tr>
    <!-- 其他行数据 -->
  </tbody>
</table>

$(document).ready(function() {
  $('#myTable').DataTable();

  // 编辑按钮点击事件处理程序
  $('.edit-btn').on('click', function() {
    var rowData = $(this).closest('tr').find('td').map(function() {
      return $(this).text();
    }).get();

    // 执行编辑操作，例如弹出编辑框或跳转到编辑页面
    // ...

    // 示例：输出编辑行的数据
    console.log('编辑行数据:', rowData);
  });

  // 删除按钮点击事件处理程序
  $('.delete-btn').on('click', function() {
    var rowData = $(this).closest('tr').find('td').map(function() {
      return $(this).text();
    }).get();

    // 执行删除操作，例如弹出确认对话框或发送删除请求
    // ...

    // 示例：输出删除行的数据
    console.log('删除行数据:', rowData);
  });
});