Jak vložit hezky stylizovanou tabulku do textu?

Když píšete článek na Blogee.net tak máte možnost vložit i tabulku do svého textu. Jak ale udělat aby vypadala pěkně? Na to se podíváme v tomto článku.

Naše webové stránky využívají framework  jménem Bootstrap pro vykreslování kaskádových stylů. To znamená, že stačí znát názvy tříd nebo identifikátorů, které vložíte do nastavení tabulky v editoru. Dále se podíváme na to jaké máme možnosti.

Bootstrap: Základní tabulka:

Základní Bootstrap tabulka je bílá, obsahuje odstupy a pouze horizontální šedé rozdělovače.

Do nastavení tabulky stačí přidat třídu "table".

Dále malá ukázka:

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com

Bootstrap: Tabulka s pruhovanými řádky

Pro zobrazení pruhované Bootstrap tabulky stačí vložit do nastavení třídy v tabulce tyto dvě třídy "table table-striped".

Dále malá ukázka:

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com

Pro více vzorů využijte odkaz pod tímto článkem. Všechny variace  budou na Blogee.net vřele vítány, Děkujeme.

Link: https://www.w3schools.com/bootstrap/bootstrap_tables.asp
Leave us a comment!


Comments [1]
Vladimír Tyulkov 26.03.2019 18:22 0
Pro další variace stylizace tabulky následujte odkaz pod článkem. Tenhle článek je jenom stručné info pro uživatele :)