Saltar al contenido

¿Cómo deshabilitar la selección de celdas en ag-grid?

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

ingrese la descripción de la imagen aquí

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *