Jak przedstawić 3-kolumnową tabelkę na telefonie?

0

Na stronie t-regx.com Mam zakładkę "Compare", i ta tabelka na desktopie wygląda całkiem ok, ale na telefonie wygląda koszmarnie.

I mój problem jest taki, że zupełnie nie wiem jak ją przedstawić na telefonie:

screenshot-20190630152508.png

Ma ktoś jakiś pomysł?

1

Hmm, może mógłbyś ją przedstawić jako jedną kolumnę i na przykład po kliknięciu na header/przycisk zamieniać aktywną kolumnę na następną i tak w kółko?
Ewentualnie może coś w tym stylu?

4

Prawdziwa tabela jest czymś czego nie da się skutecznie zresponsywnić. Pozostaje wrzucenie jej do diva i dodanie przez to poziomego skrola, ew. dodanie poziomego skrola do całej strony.

Niestety ale maleńkie ekraniki mają swoje ograniczenia i pewnych rzeczy się nie przeskoczy.

0
Freja Draco napisał(a):

Prawdziwa tabela jest czymś czego nie da się skutecznie zresponsywnić. Pozostaje wrzucenie jej do diva i dodanie przez to poziomego skrola, ew. dodanie poziomego skrola do całej strony.

Niestety ale maleńkie ekraniki mają swoje ograniczenia i pewnych rzeczy się nie przeskoczy.

:/

0

Widzę, że zrzut ekranu jest w orientacji pionowej. A gdyby w orientacji poziomej? Czy też chcesz, by w obu orientacjach wyglądało dobrze?

0

Skorzystać możesz z DataTables: https://datatables.net/extensions/responsive/

0

Może poziomy scroll? Coś takiego ma x-kom: https://www.x-kom.pl/comparison/414751,482320,482334,437417,495029

1 użytkowników online, w tym zalogowanych: 0, gości: 1