Solución:
Tenga en cuenta que si establecemos
gridOption.suppressCellSelection = true
podemos deshabilitar la selección de celdas para todas las celdas de las columnas.Aquí la pregunta es sobre no mostrar el borde resaltado de la celda de una columna específica cuando está seleccionada.
Puede lograr esto con un poco de CSS y cellClass
propiedad de ColDef
.
Deberá agregar el CSS a continuación.
.ag-cell-focus,.ag-cell-no-focus{
border:none !important;
}
/* This CSS is to not apply the border for the column having 'no-border' class */
.no-border.ag-cell:focus{
border:none !important;
outline: none;
}
Y usa la misma clase que cellClass
en ColDef
suppressNavigable: true,
cellClass: 'no-border'
Ejemplo en vivo: aggrid-want-to-disable-cell-selection
Esto no mostrará el borde de la celda en la que se enfoca con el clic del mouse.
Sugeriría usar el suppressCellSelection
opción en gridOptions. Una solución rápida de CSS no es algo que sugiera.
this.gridOptions = {
// Your grid options here....
suppressCellSelection: true
};
Puedes probar este truco CSS. no se necesitan banderas personalizadas.
.ag-cell-focus, .ag-cell {
border: none !important;
}
Ejemplo: https://stackblitz.com/edit/aggrid-want-to-disable-cell-selection-answer?file=src%2Fstyles.css