We have a couple of upcoming projects that will need a data-table (user-friendly sitemap, the language selector page, careers.mozilla). This component already exists in ProgressUI (https://protocol.mozilla.org/patterns/atoms/typographic.html). It looks like there only a handful of small tweaks to make for the desktop version of this component. The mobile version needs some thought.
Desktop
- 100% width
- Either remove border between rows or make it optional
Mobile

Related Tickets
mozilla/bedrock#5827

We have a couple of upcoming projects that will need a data-table (user-friendly sitemap, the language selector page, careers.mozilla). This component already exists in ProgressUI (https://protocol.mozilla.org/patterns/atoms/typographic.html). It looks like there only a handful of small tweaks to make for the desktop version of this component. The mobile version needs some thought.
Desktop
Mobile
https://css-tricks.com/accessible-simple-responsive-tables/
Related Tickets
mozilla/bedrock#5827