Javascript 如何在一列中显示编辑删除按钮？

事实上，我面临着一个小问题。我想在一列中显示编辑和删除按钮，但我无法做到这一点。让我和你分享我的代码

var dataTable;
    $(document).ready(function () {
        dataTable = $("#tableId").DataTable({

            "ajax": {
                "url": "/Home/GetAllStock",
                "type": "GET",
                "datatype": "json"
            },
            "columns": [
                { "data": "Stock_Name", "autowidth": true },
                { "data": "Stock_UOM", "autowidth": true },
                {
                    "data": "Stock_ID", "width": "50px", "render": function (data) {
                        return '<button class="btn btn-success" onclick="geteditstock(' + data + ')">Edit</button> <button class="btn btn-danger" onclick="Delete(' + data + ')">Delete</button>'
                    }

                },
                {
                    "data": "Stock_ID", "width": "50px", "render": function (data) {
                        return '<button class="btn btn-danger" onclick="Delete(' + data + ')">Delete</button>'
                    }
                }
            ]
        });
    });

var数据表；
$（文档）.ready（函数（）{
dataTable=$（“#tableId”）.dataTable({
“ajax”：{
“url”：“/主页/GetAllStock”，
“类型”：“获取”，
“数据类型”：“json”
},
“栏目”：[
{“data”：“Stock_Name”，“autowidth”：true}，
{“数据”：“库存计量单位”，“自动宽度”：真}，
{
“数据”：“库存ID”，“宽度”：“50px”，“渲染”：函数（数据）{
返回“编辑删除”
}
},
{
“数据”：“库存ID”，“宽度”：“50px”，“渲染”：函数（数据）{
返回“删除”
}
}
]
});
});

我想编辑和删除按钮显示在一列相邻的彼此。 我的输出是这样的。

---

将宽度从50px更改为至少200px，删除最后一列无用的内容，并将两个按钮包装在一个div中。希望这有帮助！。。快乐编码

var dataTable;
    $(document).ready(function () {
        dataTable = $("#tableId").DataTable({

            "ajax": {
                "url": "/Home/GetAllStock",
                "type": "GET",
                "datatype": "json"
            },
            "columns": [
                { "data": "Stock_Name", "autowidth": true },
                { "data": "Stock_UOM", "autowidth": true },
                {
                    "data": "Stock_ID", "width": "250px", "render": function (data) {
                        return '<div><button class="btn btn-success" onclick="geteditstock(' + data + ')">Edit</button> <button class="btn btn-danger" onclick="Delete(' + data + ')">Delete</button></div>'
                    }

                }
            ]
        });
    });```

var数据表；
$（文档）.ready（函数（）{
dataTable=$（“#tableId”）.dataTable({
“ajax”：{
“url”：“/主页/GetAllStock”，
“类型”：“获取”，
“数据类型”：“json”
},
“栏目”：[
{“data”：“Stock_Name”，“autowidth”：true}，
{“数据”：“库存计量单位”，“自动宽度”：真}，
{
“数据”：“库存ID”，“宽度”：“250px”，“渲染”：函数（数据）{
返回“编辑删除”
}
}
]
});
});```

很高兴知道。。快乐编码！！