pointer-events: none not working

Question

Hi

 

  I have below code but it is not disabling Delete button

 

{

"data": "Id", "render": function (data, type, row) {

if (row.IsActive == 'N') {

return "<a href='#' class='btn btn-primary btn-sm' data-Id=" + data + " id='btnEdit'><i class='fa fa-pencil'></i> Edit</a> <a class='btn btn-danger btn-sm' data-Id=" + data + " id='btnDelete' style='margin-left:5px pointer-events: none ' href='#' ><i class='fa fa-trash'></i> Delete</a>";

}

else {

return "<a href='#' class='btn btn-primary btn-sm' data-Id=" + data + " id='btnEdit'><i class='fa fa-pencil'></i> Edit</a> <a class='btn btn-danger btn-sm' data-Id=" + data + " id='btnDelete' style='margin-left:5px' href='#' ><i class='fa fa-trash'></i> Delete</a>";

}

}

}

 

Thanks