How to customize the table?

Question

css

The bottom line is that there is such a table:
With a resolution of less than 640, you need to make it so that it becomes like this:

Answer 1

Make a media selector and make a display none for the desired columns.
Wrote from a mobile phone, so not quite right.
Here is your case
https://codepen.io/AllThingsSmitty/pen/MyqmdM

Answer 2

Use media queries and pseudo-elements. Look at an example from one of my sites:
https://imgural.ru/product/lpu
Scroll to the table and try to reduce the window width.

Answer 3

Actually, one of the most effective options is to create a horizontal scroll for the table.
I found one interesting approach to table responsiveness. It consists in using data-attributes and pseudo-classes.
An example can be viewed on the page of my site https://cerbergroup.ru/dlya-biznesa/videomonitoring.php
There is a table at the bottom of the page. try reducing the window width. I hope you enjoy this option.