Activación de celdas React Grid

    The Ignite UI for React Data Table / Data Grid supports a cell activation feature that will enable keyboard navigation through the cells of the grid. This is activated by setting the activationMode property of the grid to Cell.

    React Grid Cell Activation Example

    Excel Style Navigation

    enterBehaviorAfterEdit property will configure the grid to navigate to the next cell up, down, left or right after the enter key is pressed in edit mode. Otherwise, the enterBehavior property of the grid can be used to navigate to other cells, while not in edit mode, up, down, left or right.

    Keyboard Navigation

    After setting the activationMode property of the grid to Cell, this will enable a range of keyboard navigation options in the data grid. Below is a description of each of the key presses / combinations and the effect they will have relative to the currently activated cell:

    • ↑: 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.
    • PAGE UP: Desplácese por la cuadrícula una página de la ventana gráfica hacia arriba.
    • PAGE DOWN: Desplácese la cuadrícula una página de la ventana gráfica hacia abajo.
    • TAB: Mueva la celda activa a la siguiente celda a la derecha o a la celda situada más a la izquierda de la siguiente fila si se alcanza la última celda de esa fila.
    • SHIFT + TAB: Mueva 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 alcanza la primera celda de esa fila.
    • CTRL + ↑: Desplazarse a la celda superior de la columna.
    • CTRL + ↓: Desplazarse a la celda inferior de la columna.
    • CTRL + ←: Desplazarse a la celda más a la izquierda de la fila.
    • CTRL + →: Desplácese a la celda situada más a la derecha de la fila.
    • CTRL + HOME: Desplazarse a la celda superior izquierda de la cuadrícula.
    • CTRL + END: Vaya a la celda inferior derecha de la cuadrícula.

    API References