scania-digital-design-system / tegel

Tegel Design System
https://tegel.scania.com
MIT License
15 stars 12 forks source link

[Feature Request]: "Responsive table" without the need of horizontal scrolling on small screens #652

Open patrikhultgren opened 1 month ago

patrikhultgren commented 1 month ago

Requirements before reporting

Type of feature request

Functionality

What is your feature request?

Evolve the table component to make it more compatible with mobile devices. The idea is that each row becomes a card on the desired breakpoint so no horizontal scrolling is needed. I've added a thread in the support channel for this feature request.

Background

Users expects web apps to work seamlessly across all devices. Let's make the table more mobile friendly by avoiding horizontal scrolling.

Goals and objectives

These images illustrates the outcome on a small vs large screen:

mobile-cards dark-table

Contact information

patrik.hultgren@scania.com