Data grids

Definition: A data grid is a database with advanced functionalities such as sorting, filtering, grouping, editing, and pagination for easier exploration and manipulation of complex data relationships.

Standard markup

  • Use an HTML heading element for the table header, with a customizable level based on page structure
  • Employ <th> elements with scope="col" attributes for column headers
  • Avoid leaving column header cells empty
  • Keep each cell limited to a single data item whenever feasible

 

 

 

Related resources

Data Grid Examples

Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).
Data grids
Best practices
Data grids
Specification
VUD Product Design System

VUD Product Design System is a collection of design assets, tokens, guidelines, code snippets and components that guarantees consistency and efficiency in the design and development process across enterprise software solutions.

Resources
Support

© 2025 Visma Unified Design.