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

Question

如何在 ag-grid 中悬停时突出显示或向单元格添加边框 angular

       <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>

Answer 1

使用此 css 代码 -

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

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

how to add border to a hovered cell in ag-grid angular?

ag-grid-angular