Advanced Data Grid

This example has not yet been developed. Development is described in issue 155.

This implementation of the design pattern for grid demonstrates how to implement a grid that has functionality similar to a spreadsheet.

Similar examples include:

Example

This is the place where the reader will experience the functioning example.

  • The HTML in this section along with the javascript and CSS it uses demonstrate the design pattern.
  • When developing an example implementation for this guide, please follow the APG example coding guidelines .

Accessibility Features

Please replace this content with a list of accessibility features demonstrated in this implementation, such as:

  1. ARIA roles
  2. property and state information
  3. Event handlers
  4. tabindex values

Keyboard Support

Role, Property, State, and Tabindex Attributes

Attribute Applied to Element Usage
role="ROLE_NAME" HTML_ELEMENT Brief explanation of usage, purpose, benefit, and/or guidance that is relevant to this specific implementation.
aria-labelledby="ID_REF" HTML_ELEMENT Brief explanation of usage, purpose, benefit, and/or guidance that is relevant to this specific implementation.
And so on ... covering all relevant attributes ... ...

Javascript and CSS Source Code

HTML Source Code