sites
sites copied to clipboard
Non-responsive tables in API docs
Hi, seems that tables are not responsive for mobile clients, I can't scroll it on my phone with the latest chrome. svelte.dev/docs
I see two ways to solve it:
- Wrap tables with
<div style="overflow-x: scroll">...</div> - Chop table rows down.
Maybe you can remove the td padding when you get to the mobile break point. Below is the padding that I see being added to the table.
td, th { text-align: left; border-bottom: 1px solid #eee; padding: 0.4rem 0.8rem 0.4rem 0; }
This is the best responsive table I've seen. I'd recommend something like this, which will work on any size screen. https://codepen.io/AllThingsSmitty/pen/MyqmdM