🚀 Feature: Mobile Ansicht der Tabellenkomponente

[deleonio]

Discussed in #6976

^{Originally posted by Claymore0307 October 28, 2024}

Goals

1.Daten bleiben auch in der mobilen Ansicht gut strukturiert und übersichtlich sichtbar.
2.Die Barrierefreiheit der Tabelle wird dabei vollständig beibehalten.

Non-Goals

No response

Background

In unserem Projekt sollen Teile der Anwendung auch in der mobilen Version nutzbar sein. Dabei stellt sich die Herausforderung, wichtige Informationen in den Tabellen weiterhin übersichtlich darzustellen. Aus unserer Sicht reicht seitliches Scrollen allein hierfür nicht aus.

Proposal

Idealerweise würden die Inhalte in Blöcke umgebrochen werden um soll den Inhalt weiterhin komplett anzeigen zu können.
Hier Beispiele die es bei anderen Komponenten gibt.

1. Primereact DataTable https://codesandbox.io/s/modest-satoshi-nyvt8z
2. react-super-responsive-table https://www.npmjs.com/package/react-super-responsive-table

[deleonio]

Lösungsweg steht in der Diskussion: #6976

Die Hilfs-Spans müssen aber aria-hidden="true" sein.

[deleonio]

Bitte hierzu eine Einschätzung der Barrierefreiheit abgeben.