Skip to main content
All docs
V25.2
  • Keyboard Support in Blazor Pivot Table

    • 3 minutes to read

    The DevExpress Blazor Pivot Table supports keyboard navigation. Users can navigate to different areas/elements and initiate related actions. For example, they can change the sort order or expand/collapse groups.

    Run Demo

    Note

    Keyboard support allows users to interact with application content in cases they cannot use a mouse or they rely on assistive technologies (like screen readers or switch devices). Refer to the Accessibility help topic for information on other accessibility areas that we address.

    The Pivot Table component includes the following navigation areas:

    1. Filter Area
    2. Data Field Headers
    3. Column Headers
    4. Row Headers
    5. Column Field Values
    6. Row Field Values, Data Area, Column Totals, Grand Column Totals, Row Totals (treated as a single navigation area for keyboard shortcuts)
    7. Row Grand Totals

    Pivot Table Areas

    You can use the following shortcuts to navigate between areas and their elements:

    Shortcuts Description
    Ctrl + Arrow Up
    Ctrl + Arrow Down
    Navigate between navigation areas (1-7). If the first/last navigation area is focused, focus goes to the previous/next object on page.
    Tab
    Shift + Tab
    Moves focus sequentially through all focusable elements in the Pivot Table.
    Arrow keys Navigate between cells within a focused navigation area (that displays cells). When a user reaches the first/last cell of the area, focus moves to the previous/next navigation area that contains cells.
    Home Moves focus to the first cell/element in the current row or navigation area.
    End Moves focus to the last cell/element in the current row or navigation area.
    Shift + scroll wheel Scrolls horizontally.

    Data Sorting Shortcuts

    The following shortcuts are available when a data/column/row/filter field header is focused:

    Shortcut Keys Description
    Space Changes the sort order.
    Ctrl + Space Resets the sort order.

    Filter Menu Shortcuts

    The following shortcuts are available when a column/row/filter field header is focused:

    Shortcut Keys Description
    Alt + Arrow Down Opens a filter menu for the focused field header. The filter menu displays unique field values that match the filter criteria applied for other related fields. For example, if you applied a filter to the Trademark field, the Name field filter menu contains values that match the selected Trademark only.
    Shift + Alt + Arrow Down Opens a filter menu for the focused field header. The filter menu displays all unique field values (filter criteria of other fields are not considered).

    Group Shortcuts

    The following shortcuts are available when a group is focused in the Row/Column Field Values area:

    Shortcut Key Description
    Enter Expands/Collapses a focused group.
    Alt + Arrow Right Expands a focused group.
    Alt + Arrow Left Collapses a focused group.

    Template Shortcuts

    Shortcut Key Description
    Enter If a focused field contains a template, switches to navigation between nested objects.
    Escape Within a focused field, exits nested object navigation.

    Field List Navigation

    When the Field List is visible, you can use the following keyboard shortcuts:

    Shortcut Keys Description
    Tab
    Shift + Tab
    Navigates between field lists, the Defer Layout Update checkbox, and the Update button (if it is active). When the first/last object in the Field List is focused, focus moves to the previous/next object on the page.
    Arrow Up
    Arrow Down
    Navigate between items within a focused field list.
    Space Changes the sort order for the focused field.
    Alt + Arrow Down Opens a filter menu for the focused field.