Responsive tabela
 
Gregor918. jul 2016 16:31:19Pridružen od:
9. jan 2016
11 objav
0-20
#1Imam eno tabelo (vremenska napoved), ki se na mobilnih napravah prikazuje tako (da se vidi samo del tabele):



Zdaj bi želel to tabelo narediti prijazno mobilnim napravam, torej da bi izgledalo tako:



Sem pogooglal že kar precej virov, pa mi nikakor ne uspe. Hvala za pomoč.
nazadnje urejal Gregor9 18. jul 2016 16:32:36
všeč(0)ni všeč(-1)spam(0)
 
dr79asyin18. jul 2016 19:47:26Pridružen od:
19. feb 2014
67 objav
+45-20
#2Mogoče s pomočjo bootstrap responsive tables?
Integriraš samo del bootstrap, ki skrbi za tabele, popraviš kodo in vidiš odziv.
http://v4-alpha.getbootstrap.com/content/tables/#responsive-tables

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_table-responsive&stacked=h
všeč(0)ni všeč(0)spam(0)
 
coda19. jul 2016 11:51:26Pridružen od:
5. okt 2010
376 objav
+638-23645
#3
Gregor9:
Imam eno tabelo (vremenska napoved), ki se na mobilnih napravah prikazuje tako (da se vidi samo del tabele):



Zdaj bi želel to tabelo narediti prijazno mobilnim napravam, torej da bi izgledalo tako:



Sem pogooglal že kar precej virov, pa mi nikakor ne uspe. Hvala za pomoč.

Pazi, da ne bodo podatki premali, da bodo berljivi na zaslonu telefona.

Drugače pa naredi css stil za mobilnike in notri definiraš vsako posamezno polje (širino, veliksot pisave itd.).

Primer na hitro:@media only screen and (max-width: 500px) {
td {
font-size: 10px;
}
}
všeč(0)ni všeč(0)spam(0)
Dej griz! x ᴥ x Arguing on the internet is like running at the special olympics. Even if you win, you're still retarded. ;)
Izdelava spletnih trgovin Degriz.net | Tochko.com izdelava nagradnih iger | Zdrava prehrana Malinca.si
 
Gregor919. jul 2016 22:49:22Pridružen od:
9. jan 2016
11 objav
0-20
#4Super, hvala!
všeč(0)ni všeč(0)spam(0)
 
sikmajnd27. avg 2016 21:13:51Pridružen od:
11. nov 2013
87 objav
+154-91
#5Meni najljubša verzija responsive tabel - http://zurb.com/playground/responsive-tables

Če nimaš dovolj podatkov, potem si lahko privoščiš kaj takega - https://css-tricks.com/responsive-data-tables/
všeč(+2)ni všeč(0)spam(0)
 
stran 1 od 1 |<<1>>|