chore(Dashboard): Improve Table accessibility (#28059)

This commit is contained in:
Geido
2024-04-17 18:24:07 +02:00
committed by GitHub
parent 0e096e8001
commit 69a7bfc88d
3 changed files with 28 additions and 7 deletions

View File

@@ -274,7 +274,7 @@ export default typedMemo(function DataTable<D extends object>({
prepareRow(row);
const { key: rowKey, ...rowProps } = row.getRowProps();
return (
<tr key={rowKey || row.id} {...rowProps}>
<tr key={rowKey || row.id} {...rowProps} role="row">
{row.cells.map(cell =>
cell.render('Cell', { key: cell.column.id }),
)}
@@ -295,7 +295,11 @@ export default typedMemo(function DataTable<D extends object>({
const { key: footerGroupKey, ...footerGroupProps } =
footerGroup.getHeaderGroupProps();
return (
<tr key={footerGroupKey || footerGroup.id} {...footerGroupProps}>
<tr
key={footerGroupKey || footerGroup.id}
{...footerGroupProps}
role="row"
>
{footerGroup.headers.map(column =>
column.render('Footer', { key: column.id }),
)}