Responsivní tabulka

[Montes]

Zdravím, měl bych zase jednu prosbu o radu od někoho víc zkušeného.. Zde jsem pracně nakrmil tabulku.
Zkusil jsem několik návodu ale žádnej z nich moc nefungoval. Potřeboval bych, aby byla tabulka responsivní tím stylem, že by zachovávala svůj tvar a nijak se to nelámalo pod sebe. Přirovnál bych to asi něco jako obrázek. Ten taky mění jenom velikost X*Y a zachovává svůj tvar, když se to dobře nastaví. Něco podobného bych potřeboval poradit s tabulkou.

Děkuji moc
https://natus.cz/tabulka/

[Arha]

Ahoj, pošleš prosím obrázek, co tím myslíš? Resp. jak chceš, aby to vypadalo na menších displayích? Momentálně to máš tak, jak většina, na menších displayích se dá tabulka posouvat.

[Montes]

Čau čau, ten obrázek byl asi špatnej příklad.. Našel jsem asi lepší příklad.


Potřeboval bych aby ta tabulka byla vidět celá na všech zařízeních a uživatel si to pak přiblížil, dle potřeby. Což bude z 90% stejně na telefonech/tabletech :)

Dodatečně přidáno po 2 hodinách 43 minutách 14 vteřinách:
Teď ještě zápasím s barvama. Poradil by jsi mi jak udělat u toho prvního sloupce aby od pH9 až do pH 8,5 byla barva1 a od pH8,5 až dolu byla jiná barva prosím?