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 DEMO

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

从AG-Grid移出焦点

2 个答案: