Diskuze: Ach ta tabulka a její responzivita

Miroslav Hruška

Člen

Miroslav Hruška:7.12.2015 14:46

Dobrý den, tvořím si nový web, ale aktuálně jsem zaseklý u stránky s tabulkou. Snažím se pro tuto stránku www.pompe-peristaltique.com/…s-techniques vytvořit responzivní tabulku podle tohoto návodu maxdesign.com.au/articles/simple-responsive-table , tj. že při menším rozlišení se prostě zobrazí posuvník pod tabulkou, ale nějak toho ne a ne docílit, přitom jsem si soubory stáhnul podle návodu (ze stránky jscrollpane.kelvinluck.com/index.html#download) a umístil je do hlavičky.

Tak kde je zakopán pes? Předem díky za rady - problém hlavně je v tom, že těch sloupců je více, takže kdybych definoval při určité velikosti obrazovky zmenšení fontu, tak budu muset dát hodně malý font, aby se ta tabulka komfortně vešla na menší obrazovku.

Odpovědět

7.12.2015 14:46

Mrtvole je naprosto fuk, kdo tu válku nakonec vyhraje! - Yossarian Yossarian

Martin Štěpánek

Tvůrce

Martin Štěpánek :1.2.2016 2:29

table{
max-height: 100%;
overflow: auto;
}

By nešlo?

Nahoru Odpovědět

1.2.2016 2:29

Všechno jde naprogramovat, chce to jen čas a chuť...

Martin Štěpánek

Tvůrce

Martin Štěpánek :1.2.2016 2:30

Sorry

max-width: 100%;

Nahoru Odpovědět

1.2.2016 2:30

Všechno jde naprogramovat, chce to jen čas a chuť...

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:1.2.2016 3:44

A co takhle nepoužít tabulku?

Nahoru Odpovědět

1.2.2016 3:44

Neaktivní uživatelský účet

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:1.2.2016 3:47

Ale pokud chceš tabulku, tak buňkám nastav šířku na 20%, min-width na nějakou hezkou hodnotu, pod kterou je nechceš zmenšit a tabulku dal do nějakého elementu, který bude mít nastavenou šířku a vlastnost overflow. To by podle mého mělo fungovat

Nahoru Odpovědět

1.2.2016 3:47

Neaktivní uživatelský účet

Tonda Kozák

Člen

Tonda Kozák:1.2.2016 10:31

který bude mít nastavenou šířku a vlastnost overflow.

Pokud ta šířka není 100 %, tak bych ji nenastavoval.
Jinak by se mohly zobrazit posuvníky dva - pod tabulkou a ještě pod stránkou.

http://kod.djpw.cz/hbub

Jinak existují i další (lepší) řešení, jak zobrazit tabulku na malé obrazovce: http://jecas.cz/…ivni-tabulky

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

1.2.2016 10:31

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.