Blazor Pivot Table Example - Keyboard Navigation

This sample demonstrates comprehensive keyboard navigation for interacting with Pivot Table features including the pivot table, grouping bar, field list, toolbar, calculated field, drill-through, and filter dialog.

Below are the key combinations that can be used in the pivot table to initiate various actions:

• FOCUS
  • Alt + J - Focuses on the first component of the sample.
• PIVOT TABLE
  • Tab - Moves cell focus to the right. If no cells are focused, it moves to the next active element in the browser page.
  • Shift + Tab - Moves cell focus to the left. If no cells are focused, it moves to the previous active element in the browser page.
  • Down arrow - Moves cell focus downwards.
  • Up arrow - Moves cell focus upwards.
  • Left arrow - Moves cell focus to the left side.
  • Right arrow - Moves cell focus to the right side.
  • Home - Navigates to the first cell in the current row.
  • End - Navigates to the last cell in the current row.
  • Ctrl + Home - Navigates to the first cell in the table.
  • Ctrl + End - Navigates to the last cell in the table.
  • Enter - Performs expand/collapse operations on drill cells or value sorting on header cells.
  • Shift + Enter - Performs value sorting in ascending or descending order on header cells with value axis.
• GROUPING BAR
  • Tab - Moves to the next active element (field button) in the grouping bar.
  • Shift + Tab - Moves to the previous active element (field button) in the grouping bar.
  • Shift + F - Opens the filter dialog if the current field button has a filter icon.
  • Shift + S - Performs sorting on the selected field if it has a sort icon.
  • Shift + E - Opens the calculated field dialog for editing if available.
  • Enter - Performs selection operation or opens the aggregation menu for value fields.
  • Delete - Removes the selected field from the current report.
  • Down arrow - Selects the next item in a dropdown list.
  • Up arrow - Selects the previous item in a dropdown list.
  • Home - Selects the first item in a dropdown list.
  • End - Selects the last item in a dropdown list.
  • Alt + Down - Opens the dropdown list popup.
  • Alt + Up - Closes the dropdown list popup.
  • Esc - Closes the dropdown list.
• FIELD LIST
  • Ctrl + Shift + F - Opens the popup field list dialog if enabled.
  • Tab - Moves to the next active element in the field list.
  • Shift + Tab - Moves to the previous active element in the field list.
  • Shift + F - Opens the filter dialog for the selected field.
  • Shift + S - Performs sorting on the selected field.
  • Shift + E - Opens the calculated field dialog for editing.
  • Enter - Performs selection operation or opens aggregation menu.
  • Delete - Removes the selected field from the report.
  • Down arrow - Moves to the next tree node.
  • Up arrow - Moves to the previous tree node.
  • Left arrow - Collapses the current tree node.
  • Right arrow - Expands the current tree node.
  • Home - Navigates to the first tree node.
  • End - Navigates to the last tree node.
  • Space - Checks or unchecks tree nodes and checkbox elements.
  • Esc - Closes the popup field list dialog.
• TOOLBAR
  • Tab - Moves to the next active option in the toolbar.
  • Shift + Tab - Moves to the previous active option in the toolbar.
  • Enter - Performs the selection operation of the current active element.
• CALCULATED FIELD
  • Shift + E - Opens the calculated field dialog for editing.
  • Tab - Moves to the next active element in the dialog.
  • Shift + Tab - Moves to the previous active element in the dialog.
  • Enter - Performs selection or copies field name/formula to the formula text area.
  • Down arrow - Moves to the next tree node.
  • Up arrow - Moves to the previous tree node.
  • Left arrow - Collapses the current tree node.
  • Right arrow - Expands the current tree node or opens the aggregation menu.
  • Home - Navigates to the first tree node.
  • End - Navigates to the last tree node.
  • Esc - Closes the dialog.
• DRILL THROUGH
  • Tab - Moves to the next active element in the drill-through dialog.
  • Shift + Tab - Moves to the previous active element in the dialog.
  • Down arrow - Moves the row/cell focus downwards.
  • Up arrow - Moves the row/cell focus upwards.
  • Left arrow - Moves the cell focus to the left side.
  • Right arrow - Moves the cell focus to the right side.
  • Home - Navigates to the first cell in the current row.
  • End - Navigates to the last cell in the current row.
  • Ctrl + Home - Navigates to the first cell in the table.
  • Ctrl + End - Navigates to the last cell in the table.
  • Enter - Performs selection operation of the current active element.
  • Esc - Deselects rows/cells or closes the drill-through dialog.
  • F2 - Deselects all rows/cells or closes the dialog.
  • Insert - Adds a new row/cell in the data grid.
  • Delete - Removes the selected row in the data grid.
• FILTER DIALOG
  • Shift + F - Opens the filter dialog for the selected field.
  • Tab - Moves to the next active element in the filter dialog.
  • Shift + Tab - Moves to the previous active element in the filter dialog.
  • Enter - Performs selection operation or toggles list items.
  • Down arrow - Moves to the next tree node.
  • Up arrow - Moves to the previous tree node.
  • Left arrow - Collapses tree nodes or moves to previous tab.
  • Right arrow - Expands tree nodes or moves to next tab.
  • Home - Navigates to the first tree node.
  • End - Navigates to the last tree node.
  • Space - Checks or unchecks tree nodes and checkbox elements.
  • Esc - Closes the filter dialog.
  • Alt + Down - Opens dropdown list popup.
  • Alt + Up - Closes dropdown list popup.

For comprehensive information and advanced keyboard navigation options, refer to the keyboard navigation documentation.