How make table tag responsive without classes

I mean the easy way? Without

overflow-x: scroll;

As i see there no ave soltuions for this.


width: 100%. Plus table-overflow: fixed can make it much easier to control column widths.

Tables are difficult on mobile because they’re dense tables of data, much more than because there are any massive problems with the way they work. It’s completely dependent what data is being displayed in the table as to what approaches to take. There are more complex ways to deal with it than above or allowing the container to scroll in the X direction, but it is context dependent.

1 Like