Как отменить выделение строки, выбранной с помощью щелчка правой кнопкой мыши в главном контекстном меню?

Question

У меня есть таблица Angular, и я создал контекстное меню, вызываемое правой кнопкой мыши, используя свойство contextMenu. Когда я щелкаю правой кнопкой мыши по строке, она выделяется (выделяется синим цветом) и появляется небольшое меню.

Если я выбираю действие в меню, все работает нормально, но если я решаю ничего не выбирать и щелкаю в другом месте таблицы, выбранная строка остается синей.

Обычно, когда я выбираю Строка с левой кнопкой мыши, я могу просто отменить выбор с другой левой кнопкой мыши. Но по правому клику я не могу избавиться от выделения.

Ниже приведена соответствующая часть кода.

Angular:

initializeContextualMenu() {
  this.menuTrackFields = this.getMenuTrackFields(); 
}

getMenuTrackFields() {
  return [
    {
      label: 'Delete',
      icon: 'pi pi-fw pi-trash',
      command: (event) => this.deleteField(this.selectedField)
    }
  ]   
}

HTML:

<p-contextMenu #sc [model]="menuTrackFields" ></p-contextMenu>

Как отменить выделение строки, нажатой правой кнопкой мыши?