Activación de la celda React Grid
La Ignite UI for React Data Table/Data Grid admite una función de activación de celda que permitirá la navegación con el teclado a través de las celdas de la cuadrícula. Esto se activa estableciendo la propiedad activationMode de la cuadrícula en Cell.
React Grid Cell Activation Example
Excel Style Navigation
La propiedad enterBehaviorAfterEdit configurará la cuadrícula para navegar a la siguiente celda arriba, abajo, izquierda o derecha después de presionar la tecla Intro en el modo de edición. De lo contrario, la propiedad enterBehavior de la cuadrícula se puede usar para navegar a otras celdas, mientras no esté en modo de edición, arriba, abajo, izquierda o derecha.
Keyboard Navigation
Después de configurar la propiedad activationMode de la cuadrícula en Cell, esto habilitará una variedad de opciones de navegación con el teclado en la cuadrícula de datos. A continuación se muestra una descripción de cada una de las pulsaciones/combinaciones de teclas y el efecto que tendrán en relación con la celda actualmente activada:
- ↑: Navega una celda hacia arriba.
- ↓: Navega una celda hacia abajo.
- ←: navega una celda hacia la izquierda solo en la fila actual.
- →: Navega una celda hacia la derecha solo en la fila actual.
- Re Pág: desplaza la cuadrícula una página hacia arriba en la ventana gráfica.
- Página abajo: desplaza la cuadrícula una página de la ventana gráfica hacia abajo.
- Tabulador: mueve la celda activa a la siguiente celda a la derecha, o a la celda más a la izquierda de la siguiente fila si se llega a la última celda de esa fila.
- Mayús + Tabulador: mueve la celda activa a la siguiente celda a la izquierda, o a la celda más a la derecha de la fila anterior si se llega a la primera celda de esa fila.
- Ctrl + ↑: ir a la celda superior de la columna.
- Ctrl + ↓: Ir a la celda inferior de la columna.
- Ctrl + ←: moverse a la celda más a la izquierda de la fila.
- Ctrl + →: Moverse a la celda más a la derecha de la fila.
- Ctrl + Inicio: ir a la celda superior izquierda de la cuadrícula.
- Ctrl + Fin: ir a la celda inferior derecha de la cuadrícula.