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

Question

实际上我遇到了一点问题。我想在一列中显示编辑和删除按钮，但我做不到。让我与您分享我的代码。

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>'
                    }
                }
            ]
        });
    });

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

Answer 1

将宽度从 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>'
                    }

                }
            ]
        });
    });```

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

How to show edit delete button in one column?

javascript

jquery

jquery-ui

datatables