Solutions for responsive data tables? [duplicate]

1. Which of the following is a correct approach to make a table responsive?
2. How do I change the size of a table in responsive view?
3. How to make table responsive in CSS?

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.

How do I change the size of a table in responsive view?

Just add the . w-auto class to the table element to set an auto width to the table column. The width of the columns will automatically adjust to the content of the column. This means that it will always take up the minimum width required to present its content.

How to make table responsive in CSS?

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 .