Pokračovat do košíku
Zákaznická podpora:734 254 101prodejna@kompresor.cz
    Domů / Test responzivních tabulek

    Test responzivních tabulek

    Bez nastavení - klasická tabulka

    Snímek obrazovky 2021-03-22 v 7.25.44

    text buňky vlevo text buňky vpravo
    text buňky vlevo text buňky vpravo
    text buňky vlevo text buňky vpravo

    Jednoduché nastavení, na menších displejích se každý řádek zalomí pod sebe

    Pro toto nastavení stačí v textovém editoru nahoře Nástroje -> Zdrojový kód vyhledat konkrétní tabulku a jejímu tagu <table> přidat třídu response-table. Celý tag pak bude vypadat <table class="response-table">.

    Snímek obrazovky 2021-03-22 v 7.22.03

    text buňky vlevo text buňky vpravo
    text buňky vlevo text buňky vpravo
    text buňky vlevo text buňky vpravo

    Rozšířené nastavení pro zobrazení obrázků na přeskáčku, na menších displejích se každý řádek zalomí pod sebe v zarovnání text nahoře, obrázek pod ním

    Pro toto nastavení stačí v textovém editoru nahoře Nástroje -> Zdrojový kód vyhledat konkrétní tabulku a jejímu tagu <table> přidat třídy response-table a obr. Celý tag pak bude vypadat <table class="response-table obr">.

    Snímek obrazovky 2021-03-22 v 7.22.17

    text buňky vlevo obrázek vpravo
    obrázek vlevo text buňky vpravo
    text buňky vlevo obrázek vpravo

    Rozšířené nastavení pro zobrazení tří sloupců, na menších displejích se každý řádek zalomí pod sebe

    Pro toto nastavení stačí v textovém editoru nahoře Nástroje -> Zdrojový kód vyhledat konkrétní tabulku a jejímu tagu <table> přidat třídy response-table a td33. Celý tag pak bude vypadat <table class="response-table td33">.

    Snímek obrazovky 2021-03-22 v 7.22.27

    text buňky vlevo text buňky uprostřed text buňky vpravo
    text buňky vlevo text buňky uprostřed text buňky vpravo
    text buňky vlevo text buňky uprostřed text buňky vpravo