Tabla responsive

Buenas como estan! tengo una tabla de 10 columnas. la cual funciona muy bien en escritorio, pero como es logico en el celular se debe deslizar hacia los costados para ver el contenido.

Queria saber si es posible que la tabla sea responsive. y que quede de la siguiente manera

Nombre|Apellido|Documento|Telefono|Direccion|Ciudad|Pais|CP|WEB|Rating (version escritorio)

que aparezca asi:

Nombre|Apellido
Documento
Telefono
Direccion|Ciudad|Pais
CP|WEB
Rating

Se puede hacer eso con el css?

si se puede, usando media queries, pero no creo que vaya a quedar bien

De poder se puede, pero es un dolor de cabeza!!!

claro que se puede, usa media queries o flexbox

Sí se puede sí.

Usando display grid.

y luego con media queries vas cambiando el numero decolumnas

puedes probar http://tauhidpro.com/nichetable/#wp
tienen versión gratis y versión pro, y las tablas son responsive,
lo que la mayoría de las veces queda mejor si no es responsive

Te cuento que yo pasé por algo similar. Puedes hacer esto:

Haz dos tablas, una para escritorio:

Nombre|Apellido|Documento|Telefono|Direccion|Ciudad|Pais|CP|WEB|Rating

y otra para teléfonos:

Nombre|Apellido
Documento
Telefono
Direccion|Ciudad|Pais
CP|WEB
Rating

La de teléfonos le estableces por defecto: display: none y cuando se llegue a la medida para teléfonos, con mediaqueries estableces a la de escritorios display: none y a la de teléfonos display: block o display: table (depende si estás aplicando el CSS a la tabla directamente o a un contenedor)

Usa display:grid y juegas con los demas valores, grid-columns, grid-rows etc

Espero que te sirva: