jQuery Datatable为我要创建的两个不同的按钮显示了相同的按钮名称

Question

我想像这样在Datatable的每一行中附加两个按钮：

<td>@element.LastUpdatedDate</td>
<td><button onclick="location.href = '@Url.Action("DeleteRole", "Admin", new { MemberRoleId = element.MemberRoleId })'">Delete Role</button></td>
<td><button onclick="location.href= '@Url.Action("GetReportsByRole", "Admin", new { MemberRoleId = element.MemberRoleId })'">Get Reports For This Role</button></td>

我的脚本如下：

$(document).ready(function () {
    $('#roleTable').DataTable({
        "columns": [
            { "data": "LastUpdatedDate" },
            { "data": "" },
            { "data": "" }
        ]
});

发生奇怪的事情：在html页面中，两个按钮都显示为“为此角色获取报告”。检查元素可以告诉我这两个按钮的值均为“获取此角色的报告”，但是查看页面源代码则显示这两个按钮具有不同的值。这是怎么回事？这是Datatable的错误吗？