кнопка отключения в обработке JavaScript внутри dataTable

Question

Мне нужно отключить кнопку Details в таблице данных

{
  "orderable": false,
  "searchable": false,
  "className": 'text-right',
  "render": function(data, type, full, meta) {
    return '<a class="btn btn-primary" href="/SubSections/' + full.Id + '">Details</a>' +
      '<a class="btn btn-secondary for-space" href = "/SubSections/' + full.Id + '/Edit/">Edit</a>' +
      '<a class="btn btn-danger for-space" href="/SubSections/' + full.Id + '/Delete/">Delete</a>';
  }
}

Answer 1

Якорные ссылки не могут быть отключены. Если вы хотите отключить привязку ссылки, вы можете попробовать добавить стиль, который выглядит так, как будто ссылка отключена, и удалить указатель. Примерно так.

.isDisbaled
{
  color: #d3d3d3;
  pointer-events: none;
  text-decoration: none;
  cursor: not-allowed;
  opacity: 0.5;
}

С этим щелчком мыши будет обрабатываться, но в случае, если пользователь использует клавиатуру, для события клавиатуры вы можете использовать javascript для обработки события.

link.addEventListener('click', function (event) {
  if (this.parentElement.classList.contains('isDisabled')) {
    event.preventDefault();
  }
});

Answer 2

 "render": function (data, type, full, meta) 
     {
       return '<button disabled="disabled" class="btn btn-primary" href="/SubSections/' + full.Id + '">Details</button>' +
       '<a class="btn btn-secondary for-space" href = "/SubSections/' + full.Id + '/Edit/">Edit</a>' +
       '<a class="btn btn-danger for-space" href="/SubSections/' + full.Id + '/Delete/">Delete</a>';
     }

это сделано с тегом кнопки '<button disabled="disabled" class="btn btn-primary" href="/SubSections/' + full.Id + '">Details</button>'

Благодаря @ RoryMcCrossan