如何在Api jQuery DataTables中创建删除按钮？

<table id="myTable" class="display" style="width:100%"></table>

$(document).ready(function() {
    $('#myTable').DataTable({
        ajax: {
            url: 'your_api_url',
            type: 'GET',
            dataType: 'json'
        },
        columns: [
            { data: 'id' },
            { data: 'name' },
            { data: 'email' },
            {
                data: null,
                render: function(data, type, row) {
                    return '<button class="btn btn-danger btn-sm delete-btn" data-id="' + data.id + '">删除</button>';
                }
            }
        ]
    });
});

$(document).on('click', '.delete-btn', function() {
    var id = $(this).data('id');
    // 执行删除操作的代码
});

$(document).on('click', '.delete-btn', function() {
    var id = $(this).data('id');
    
    // 发送删除请求
    $.ajax({
        url: 'your_delete_api_url',
        type: 'POST',
        data: { id: id },
        success: function(response) {
            // 删除成功后重新加载表格数据
            $('#myTable').DataTable().ajax.reload();
        },
        error: function(xhr, status, error) {
            // 处理错误情况
        }
    });
});