Responsive HTML table with sticky columns and mobile view created using only CSS and HTML ✨ CodePen link below 👇

Here's that CodePen link:

On the xs scale make each row collapsing. Should just show checkbox and name of user. Then it should have an expandable button to see other column data. That’s my preference.

It's a good idea, thank you 😊

Incredible work! The container table (max-width: 400px) { td::before { content: attr(data-label); } } is an excellent touch 👏

Great work on making a tricky task easy 🙌 tables can be so awkward so this is brilliant!

Responsive tables are always a pain for a developer. So I like this solution, maybe the headache will be less. You should make a CSS library for tables like this

This is beautiful 🤩 love it 😍

Fantastic build 👏

This is great, but it must be a lot of code, right?

No, about 20 additional lines of CSS