如何在 ag-grid angular 中为悬停的单元格添加边框？答案

【问题标题】：how to add border to a hovered cell in ag-grid angular?如何在 ag-grid angular 中为悬停的单元格添加边框？
【发布时间】：2021-08-20 08:18:24
【问题描述】：

如何在 ag-grid 角度悬停时突出显示或添加边框

       <ag-grid-angular
       #agGrid
       style="width: 100%; height: 100%; margin-top: 31px"
       id="myGrid"
       [columnDefs]="columnDefs"
       [defaultColDef]="defaultColDef"
       [components]="components"
       [suppressRowTransform]="true"
       [rowData]="rowData"
       [rowHeight]="rowHeight"
       [headerHeight]="headerHeight"
       [gridOptions]="gridOptions"
       (cellClicked)="onCellClicked($event)"
       (cellMouseOver)="cellMouseOver($event)"
       (gridReady)="onGridReady($event)">
       </ag-grid-angular>
   </div>

【问题讨论】：

标签： ag-grid-angular

【解决方案1】：

使用这个 CSS 代码 -

.ag-body-viewport .ag-row-hover .ag-column-hover {
    border: 1px solid red !important;
}

【讨论】：