[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Collapse]ASP.NET MVC Extensions
  [Expand]Product Information
  [Expand]Getting Started
  [Expand]Common Concepts
  [Collapse]Grid View
    Main Features
    [Expand]Binding to Data
    [Expand]Data Representation Basics
    [Expand]Data Shaping and Manipulation
    [Collapse]Focus and Navigation
      Focused Row
     [Expand]Paging and Scrolling
      Keyboard Navigation
    [Expand]Data Editing and Validation
   [Expand]Visual Elements
   [Expand]Member Tables
  [Expand]Tree List
  [Expand]Card View
  [Expand]Pivot Grid
   Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Extensions
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Keyboard Navigation

With built-in keyboard support, the GridView's primary navigation operations (e.g., accessing a grid within a form, moving focus through grid rows, row selection, row expanding/collapsing and paging) can quickly be performed using a keyboard instead of a pointing device. In addition, enabling keyboard support within GridView helps you create web pages that conform to accessibility guidelines.

To enable keyboard navigation, set the grid's GridViewSettings.KeyboardSupport property to true. This activates the following grid features.

  • Access Key - The grid control can be accessed (focused) by using a user-defined keyboard shortcut. This shortcut is composed by combining the preset CTRL+SHIFT combination with a single character string specified via the SettingsBase.AccessKey property. For example, setting the access key of a grid control to the "G" string indicates that an end-user can navigate to the grid by pressing CTRL+SHIFT+G.
  • Focused Row - The Focused Row feature is automatically activated, regardless of the feature's corresponding property setting (GridViewSettings.SettingsBehavior.AllowFocusedRow). Focus can be moved between rows by using the UP and DOWN ARROW keys. The LEFT and RIGHT ARROW keys can also be used to move row focus, but these keys initially try to collapse/expand a row, and move focus only when collapsing/expanding is not possible. If the currently focused row is the first row in a page (not in the entire grid), an attempt to move focus backward (by pressing the UP or LEFT ARROW key) from the first row will move focus to the previous page. Similarly, an attempt to move focus forward (by pressing the DOWN or RIGHT ARROW key) from the last row in a page will move focus to the next page.
  • Row Selection - The SPACE key can be used to mark a focused row as either selected or unselected. This works if the selection can be applied to a row - that is, if the row is not a group or detail row, the ASPxGridViewBehaviorSettings.AllowMultiSelection (via GridViewSettings.SettingsBehavior.AllowMultiSelection) property is enabled, or the row contains a command button, selection check box, or radio button. Multiple rows can easily be selected by moving row focus with the ARROW keys (UP/DOWN or LEFT/RIGHT) while holding down the SHIFT key.
  • Expanding/Collapsing Rows - The PLUS and MINUS keys can be used to expand and collapse group and detail rows, respectively. In addition, rows can be collapsed and expanded using the LEFT and RIGHT ARROW keys.
  • Paging - The SHIFT+PAGE UP and SHIFT+PAGE DOWN key combinations can be used to go to the previous and next grid page, respectively.

To see the keyboard navigation feature in action, refer to the GridView - Keyboard Support online demo.

Is this topic helpful?​​​​​​​