JavaScript - Tabla html que se expande

Buenas noches a todos. Me presento, soy Julián y estos días me toca trastear con JavaScript y estoy perdido. Me propuse hacer una tabla en html y que cada cabecera de sus diferentes apartados tuviera la típica flecha que expandiera o contrayera esa sección. Me podeís dar alguna guía de como hacer para orientarme? Gracias de antemano.

Hola Julián, no me queda muy claro a que tipo de tabla haces referencia, ya que no se puede expandir una sola columna de una tabla y dejar las demás escondidas.

Pues por ejemplo esta

Países.
Coches. Naves

España. ✔️. ✖️
Serbia. ✔️. ✖️
Grecia. ✔️. ✖️

Provincias

Tarragona. ✔️. ✔️
Pontevedra. ✖️ ✖️


Sería algo asi. Al lado de países y provincias tendría la flechita que haría que ocultase todo menos el apartado de provincias.

ah, entiendo, dando click en un elemento, mostrar o ocultar unas tablas enteras...y "Países" y "Provincias" no seria parte de la tabla, cierto?

Para ello, tienes que utilizar el atributo display del CSS, poniendolo a "none" o "block" dependiendo de si lo quieres mostrar u ocultar..
Te sirve este código: https://www.lawebdelprogramador.com/codigo/JavaScript/1803-Mostrar-Ocultar-div-en-scroll.html

Perfecto, me sirvió y ya está funcionando la tabla. Lo que pasa es que si pulso en una fila cualquiera la abre pero la página se mueve como si alguien estuviera haciendo scroll en la web. Pero por el resto de 10. Muchas gracias