根据标识值在数据表中隐藏“编辑和删除”按钮

如何解决根据标识值在数据表中隐藏“编辑和删除”按钮

我有以下数据表。我想隐藏基于从控制器返回的标识值编辑和删除按钮。

//div[@id='__next']//div[contains(@class,'Tabs__container')]//div[contains(@class,'Tab')]

下面是我的控制器：

<script>
    var Popup,dataTable;

    $(document).ready(function () {
        dataTable =  $("#BookAssignmentTable").DataTable({
            "ajax": {
                "url": "/bookAssign/GetData","type": "GET","datatype": "json"
            },"columns": [
                { "data": "Book" },{ "data": "Office" },{ "data": "Group","width":"100px"},{
                    "data": "ID","render": function (data) {
                        return "<a class='btn btn-success btn-sm' onclick=PopupForm('@Url.Action("StoreOrEdit","BookAssign")/" + data + "')><i class='fa fa-pencil'></i>Edit</a> <a class='btn btn-danger btn-sm' style='margin-left:5px' onclick=Delete(" + data + ")><i class='fa fa-trash'></i>Delete</a>";
                    },"orderable": false,"searchable": false,"width": "150px","Visible":"false"
                }
            ],"language": {
                "emptyTable" : "No data found please click on <b>Add New </b> Button"
            }
        });
    });
</script>

然后我要隐藏“编辑和删除”按钮。是否可以在DataTable中做到这一点。

任何帮助将不胜感激。

解决方法

轻松，更改以下代码：

"data": "ID","render": function (data) {

                            return "<a class='btn btn-success btn-sm' onclick=PopupForm('@Url.Action("StoreOrEdit","BookAssign")/" + data + "')><i class='fa fa-pencil'></i>Edit</a> <a class='btn btn-danger btn-sm' style='margin-left:5px' onclick=Delete(" + data + ")><i class='fa fa-trash'></i>Delete</a>";
                        },

类似这样：

"data": "ID","render": function(data) {

    if (data == "test") {
        return "";
    } else {    
        return "<a class='btn btn-success btn-sm' onclick=PopupForm('@Url.Action("StoreOrEdit","BookAssign")/" + data + "')><i class='fa fa-pencil'></i>Edit</a> <a class='btn btn-danger btn-sm' style='margin-left:5px' onclick=Delete(" + data + ")><i class='fa fa-trash'></i>Delete</a>";
    }
},