Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

Diskusia – 7. diel - Bootstrap - Tabuľky

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
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 :-)

 
Odpovedať
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é!

 
Odpovedať
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)
 
Odpovedať
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.

 
Odpovedať
8.6.2021 21:30
Avatar
KaMl
Člen
Avatar
Odpovedá 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>
 
Odpovedať
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

 
Odpovedať
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 👍

 
Odpovedať
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.

 
Odpovedať
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.

 
Odpovedať
26.8.2022 10:59
Avatar
Blanka Svobodová:10.9.2022 23:18

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

Odpovedať
10.9.2022 23:18
Kdy, když né teď. Kdo, když né já?
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!