Data Table
A powerful table component for displaying large datasets. Features built-in sorting, filtering, and high accessibility.
Tables are one of the most complex structures for screen reader users. Our DataTable ensures every cell is correctly described.
Accessibility Features
- Semantic Headers: Correct use of
<th scope="col">and<th scope="row">. - Sort Announcements: Announces sort state (Ascending/Descending) when headers are clicked.
Usage Example
import { DataTable } from '@holmdigital/components'; <DataTable data={users} columns={columns} caption="List of audited organizations" />