NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 7 - Bootstrap - Tabulky

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
nickname01
Člen
Avatar
nickname01:11.1.2018 15:57

Jen takový detail, v poslední ukázce tabulky jsou prohozené popisky sloupců. Jinak moc díky za článek :-)

 
Odpovědět
11.1.2018 15:57
Avatar
David Švarc
Člen
Avatar
David Švarc:21.3.2018 21:38

A ještě jeden detail v označení breakpointů ;)

Díky za články, jsou skvělé!

 
Odpovědět
21.3.2018 21:38
Avatar
Filip
Člen
Avatar
Filip:24.4.2019 3:17

Par detailov:

  1. V odseku "Responzivní tabulky" je 2x .table-responsive-sm
  2. K responzivnej tabulke, po zmenseni okna sa nepridava scrollbar (Firefox 66)
 
Odpovědět
24.4.2019 3:17
Avatar
Miloslav Soukup:8.6.2021 21:30

Pokud si stáhnete nejnovější verzi bootstratu (momentálně je aktuální 5.0.1) tak je možné, že vám některé třídy už nebudou fungovat, protože jestli dobře předpokládám, tak autor tohoto článku využíval bootstrap verze 4.0.0. Například ke zvýraznění hlavičky tabulky se místo třídy "thead-dark" použije třída "table-dark" na tagu thead.

 
Odpovědět
8.6.2021 21:30
Avatar
KaMl
Člen
Avatar
Odpovídá na Filip
KaMl:24.8.2021 11:30

Aby byla tabulka responzivní a přidal se scrollbar, je potřeba obalit tabulku třídou .table-responsive:

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
 
Odpovědět
24.8.2021 11:30
Avatar
Zdeněk Jeřábek:19.11.2021 10:36

V responzivni tabulce je 2x zminen SM.... u .table-responsive

 
Odpovědět
19.11.2021 10:36
Avatar
Patricie Šebková:5.7.2022 8:35

Snažím se pracovat s nejnovější verzí Bootstrapu. Některé třídy pozměnily svůj název, je tedy fajn porovnávat informace v kurzu s nejnovější dokumentací, co se týče aktuálně tabulek, tak tady: https://getbootstrap.com/…tent/tables/.
Díky za článek 👍

 
Odpovědět
5.7.2022 8:35
Avatar
Jaromír Křížek:11.7.2022 8:59

Mně by se líbilo, kdyby u obrázků tabulek byl i odpovídající html kód, podobně jako v lekci 6 o gridech. Pro začátečníka by pak bylo jasnější, jak se to má správně použít.

 
Odpovědět
11.7.2022 8:59
Avatar
Kamil Pajta
Člen
Avatar
Kamil Pajta:26.8.2022 10:59

Zrazu je hotová tabuľka a nikto nevie ako. Ďalej už nemá zmysel čítať, keď je hotové niečo, čo človek nevie ako.

 
Odpovědět
26.8.2022 10:59
Avatar
Blanka Svobodová:10.9.2022 23:18

od 2018 neopraveny chyby jako prohozené názvy sloupců....

Odpovědět
10.9.2022 23:18
Kdy, když né teď. Kdo, když né já?
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 10 zpráv z 26.