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:
Ma ktoś jakiś pomysł?
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:
Ma ktoś jakiś pomysł?
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?
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.
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.
:/
Widzę, że zrzut ekranu jest w orientacji pionowej. A gdyby w orientacji poziomej? Czy też chcesz, by w obu orientacjach wyglądało dobrze?
Skorzystać możesz z DataTables: https://datatables.net/extensions/responsive/
Może poziomy scroll? Coś takiego ma x-kom: https://www.x-kom.pl/comparison/414751,482320,482334,437417,495029