Удалить фокус из AG-Grid

Question

Я использую AG Grid на веб-сайте.Когда пользователь щелкает ячейку, она фокусируется и получает синий контур.

Мне нужно убрать этот фокус, когда пользователь щелкает некоторые другие элементы на сайте, но я не знаю, как это сделать.Есть ли метод или свойство для этого?

Answer 1

Добавьте следующий фрагмент к вашему CSS

.ag-cell-focus, .ag-cell {
    border: none !important;
}

Пример - https://next.plnkr.co/edit/xO5N5u84U8n4HgK5

Answer 2

Angular2 + DEMO

ngAfterViewInit(){
    let body = document.body;
    body.addEventListener("mouseup", (e) => {
      let container = this.agGrid._nativeElement;
        if (!container.contains(e.target)) 
        {
          this.gridApi.clearFocusedCell();
        }
    })
}

JavaScript ДЕМО

var body = document.body;
body.addEventListener("mouseup", (e) => {
    let gridDiv = document.querySelector('#myGrid')
    if (!gridDiv.contains(e.target)) 
    {
        gridOptions.api.clearFocusedCell();
    }
})