Javascript jquery数据表操作按钮

有谁能帮我介绍一下在jquery数据表的每一行中添加操作按钮（如编辑、删除）的最佳方法吗

我浏览了一些链接，但没有找到解决方案

$(document).ready(function () {

    $.ajax({
        url: '@Url.Action("GetStudentGridData", "UserManagement")',
        type: "GET",
        dataType: 'json',
        success: function (data) {
            $('#student-datatable').DataTable({
                data: data,
                aoColumns: [
                    { mData: "FirstName" },
                    { mData: "Class" },
                    { mData: "Roll" },
                    { mData: "PresentAddress" },
                    { mData: "BloodGroup" },
                    { mData: "RegisterDate" },
                    {
                        mRender: function (data, type, full) {
                            return '<a href="@Url.Action("Edit","Users")?id=' + data + '" class="editUser">Edit</a>';
                        }
                    }

                ]

            });
        },
        error: function () {
            alert("An error has occured!!!");
        }
    });
});

这给了我很好的输出：

---

在这种情况下，必须对动态添加的元素使用

事件委派

事件委派允许我们将单个事件侦听器附加到
父元素，该元素将为匹配
选择器，无论这些子体现在存在还是添加到
未来

您应该使用.on（）方法绑定click事件处理程序

$(document).on('click','.editUser',function(){
    var studentID=$(this).closest('tr').find('td').eq(6).html();
});

以及如何呈现这些按钮？您的意思是如何在页面中显示？是的，如何呈现页面每行中的“编辑”和“删除”按钮table@RobinHalder，看看我的小提琴：。我举了一个例子，向您展示如何使用
columnDefs
和
fnCreatedRow
方法格式化一行。但在您的例子中，想法如下：在表中呈现
studentID
，然后
隐藏列，用
editUser
类呈现按钮，就像我的例子一样，最后一步是在单击按钮时使用
最近的方法获取学生ID。
$(document).ready(function () {

    $('#student-datatable').DataTable();
});

$(document).on('click','.editUser',function(){
    var studentID=$(this).closest('tr').find('td').eq(6).html();
});