Data Tables

Data tables helps in organizing and displaying data in rows and columns. They are used to store and present large amounts of information in a structured format that makes it easy to analyze and compare data.

  • Can be used for a wide range of applications, including database management, financial analysis, scientific research, and more.
  • Typically consist of columns and rows.
    • Columns represent different data categories.
    • Rows represent individual data points.

A data table is a component where the data is arranged in cells based on the context. Data tables that generally consists of rows or column headers or both are simple data tables. However, when there are multilevel headers or irregular tables headers present, they are complex data tables.


  • New to accessibility or uncertain of requirements, it will be helpful to review all sections below.
  • Already familiar with requirements, skip to the “Working Example” section for sample HTML, CSS and JavaScript (when needed), along with a working demo.

A data table CAN be implemented using following approach: