Hola!
És molt difícil (per no dir impossible) fer encaixar una taula com aquesta en la pantalla d'un dispositiu mòbil que pot tenir uns 350 píxels d'amplada en posició vertical.
El disseny responsiu d'Àgora-Nodes ja fa que s'amagui la columna lateral quan visualitzes la pàgina en una pantalla que fa menys de 768 píxels guanyant així una mica d'espai, però això no ho resol del tot perquè la vostra taula té una amplada de 950 píxels, i aquesta amplada està "clavada" al codi.
Dissenyar una taula totalment responsiva, que s'adapti a qualsevol amplada de pantalla sense perdre contingut, és molt complicat (sobretot quan té tantes columnes!). Aquí expliquen algunes tècniques que es poden aplicar, però jo us recomanaria fer una cosa molt senzilla i crec que prou efectiva per sortir del pas:
- Editeu el codi HTML de l'article
- Col·loqueu just abans de l'etiqueta "table" una etiqueta "div" amb l'estil "overflow:auto". Us ha de quedar així:
<div style="overflow:auto;">
<table style="width: 950px; height: 450px;">
.... aquí contina la definició de la taula...
- Afegiu l'etiqueta de tancament del "div" just darrere del tancament de "table":
... el contingut de la taula acaba aquí
</table>
</div>
Amb això aconseguireu que la taula llisqui a dreta i esquerra quan no hi hagi prou espai, facilitant així la seva lectura en tauletes i dispositius mòbils.
Espero que funcioni!
PS: Aquí podeu veure la taula amb lliscament horitzontal en dispositius mòbils:
https://drive.google.com/file/d/1yFxOeMSqzNNZul-JLnYnctVqFiEFS3ui/view?usp=sharing