Best way to Display Responsive Tables on Small Breakpoints? [duplicate]

1. How do I make my website table responsive?
2. Which of the following is a correct approach to make a table responsive?
3. What are the breakpoints for responsive design?

How do I make my website table responsive?

The primary method of making a responsive table is to add a class table table-responsive inside the table tag. To make a table responsive, we wrap the whole table inside a container tag like div with property overflow-x equals to auto .

Which of the following is a correct approach to make a table responsive?

Using normal table markup and JavaScript at a breakpoint to rearrange the table into a responsive version.

What are the breakpoints for responsive design?

What are common breakpoints? Common breakpoints are 320px — 480px for mobile devices, 481px — 768px for iPads & tablets, 769px — 1024px for small screens like laptop, 1025px — 1200px for large screens like Desktops, and 1201px and above for extra large screens like TV.