Table-Responsive on a small laptop screen?

Question

css

How to make it so that on a small laptop screen, the table is displayed like on a phone with table-responsive
Here's how this one looks on a laptop.

Answer 1

Breakpoints will not help here - they only indicate at what resolution the sign MAY scroll. But since the content actually fits anyway - the columns will be compressed.
As an option, specify the minimum size of the table itself inside table-responsive.

Answer 2

Try the .table-responsive-md class .
This will change the resolution at which the "responsive" resolution starts.
More details in the documentation:
https://getbootstrap.com/docs/4.0/content/tables/#...

Answer 3

There are no high-quality and universal solutions at all for tables. Choose the lesser of the 2/3 evils