Wyświetlanie dużych tabel na smartfonie 
Autor: Agnieszka Murawska
Visited 925,
Followers 1,
Udostępniony 0
Witam, zakupiłam wersje X5 evolution i mam pewien problem z wyświetlaniem tabel na telefonie.
Podaję adres strony www https://benefity.swrn.org.pl/ubezpieczenia-na-zycie-rodzinne-od-33-zl.html?partner=swrn na której można zauwazyć problem - w tabeli zamieściłam 5 produktów ubezpieczeniowych. Widać jedynie pierwszą kolumnę (i to nie całą) z opisem zakresu ubezpieczenia. Nie widać natomiast sum, które podane są w kolejnych 5 kolumnach. Czy jest jakiś sposób na rozwiązanie tego problemu ? Czy dodatkowe funkcje jakie dostępne są w wersji Profesjonale poradziłyby sobie z tym ?
Proszę o pomoc.
Posted on the
Autor
Chciałabym jeszcze dodać / zapytać. Czy istnieje możliwość takiego umiejscawiania tabeli, aby na telefonie pojawiała się cała jego wielkość, a użytkownik/Klient serwisu mógłby ją sam powiększać. W takim formacie jak jest teraz zniechęca potencjalną osobę do zapoznania się z ofertą. Odnośnie samej tabeli to czy w wersji profesjonal można je tworzyć w taki sposób by blokować boczny i górny wiersz (jak w w excelu)?
Obiekt tabela nie jest responsywny. Sposoby obejścia problemu/jego rozwiązania:
https://helpcenter.websitex5.com/pl/post/215569
(It > Pl) ... jako alternatywę dla mojego poprzedniego kodu, możesz użyć tego mojego wariantu, który działa poniżej 720 pikseli:
<style> @media (max-width: 720px) {table, table * {width:100% !important;word-break: break-word;}}</style>
.
pozdrowienia, ciao
.
Autor
Witaj,
Niestety żaden z podanych kodów nie rozwiązał mojego problemu. Podaję adres strony https://benefity.swrn.org.pl/ubezpieczenia-na-zycie-senior.html?partner=swrn na którym zastosowałaM poniższe:
<style> @media (max-width: 720px) {table, table * {width:100% !important;word-break: break-word;}}</style>
Tabela jest wogóle nieczytelna.
Pozdrawiam
Cześć Agnieszka.
Stworzyłem nowy projekt aby sprawdzić te tabele.
Ja zrobiłem tak i wszystko działa. We właściwościach strony, przed tagiem zamykającym sekcję BODY wkleiłem takie kody:
<style>
@media (max-width: 1150px) {table, table * {width:80% !important;}}
@media (max-width: 720px) {table, table * {width:50% !important;}}
</style>
Linijki kodu można kopiować i nadawać nowe wartości. Można się jeszcze do tego pobawić i skalować czcionki w zależności od rozdzielczości.
(It > Pl) ... nie! nie sprawdziłeś dokładnie, ... mój kod działa tak, jak powiedziałem poniżej 720 pikseli ...
:
... w drugim LINK masz stoły ustawione inaczej niż wcześniej ...
... aby kod działał z poprzedniego punktu przerwania (breakpoint), musisz zastąpić punkt interwału, w ten sposób, i zobaczysz, że to zadziała
<style> @media (max-width: 1150px) {table, table * {width:100% !important;word-break: break-word;}}</style>
.
cześć, ciao
.
Na szybkiego, porównanie dwóch kodów :) Stworzyłem tabelę z siedmioma kolumnami.
Waldek - kod podany przeze mnie;
KolAsim - kod Kolegi :) :) :)
http://bellatri.webd.pl/bellatrix-music/tabela/index.html
... OK
... ...baza kodu którą wymyśliłam jest to, że (oryginalny kod w poprzednim łączu), wtedy możesz zarządzać punktami przerwania preferencyjnie, możesz również ustawić niektóre kolumny w poprawionych lub dostosowanych przypadkach, itp.
ciao
.
KolAsim
Wszystko jest jasne :)
Ciao :)