BF Summer sales
Pouze tento týden sleva až 80 % na HTML & CSS a JavaScript
80 % bodů zdarma na online výuku díky naší Letní akci!

Diskuze: slučování buněk v tabulce

Aktivity (2)
Avatar
Jakub Podskalský:28.4.2019 22:41

Zdravím. Dělám jedno z cvičení v HTML kurzu a nevím si rady, v čem je chyba. Konkrétně se jedná o 6x6 tabulku, v níž je jeden thead a jeden tfoot řádek - ale to není zas tak důležité. Jako pravý programátor (ano HTML není programovací jazyk, mimo něho se učím i Python) se snažím z lenosti vše efektivně zkrátit a ušetřit tím několik času. Buňky se mi sloučí nějakým divným způsobem, viz

<!DOCTYPE html>
<html lang="cs-cz">

<head>
                <meta charset="utf-8" />
                <title>Seznam zákazníků</title>
</head>

<body>
                <table border="1">
                        <thead>
                                <tr>
                                                <th>Jméno</th>
                                                <th>Příjmení</th>
                                                <th>Cena</th>
                                                <th>Elektrická okénka</th>
                                                <th>Dva výfuky</th>
                                                <th>5-dveřové</th>
                                </tr>
                        <thead>
                        <tbody>
                                <tr>
                                                <td>Petr</td>
                                                <td>Novák</td>
                                                <td>500 000 Kč</td>
                                                <td rowspan="2">ANO</td>
                                                <td>NE</td>
                                </tr>
                                <tr>
                                                <td>Jan</td>
                                                <td>Novák</td>
                                                <td>100 000 Kč</td>
                                                <td rowspan="3">NE</td>
                                </tr>
                                <tr>
                                                <td>Pavel</td>
                                                <td>Novotný</td>
                                                <td>250 000 Kč</td>
                                                <td>ANO</td>
                                                <td>NE</td>
                                                <td>ANO</td>
                                </tr>
                                <tr>
                                                <td>Tomáš</td>
                                                <td>Bohatý</td>
                                                <td>2 500 200 Kč</td>
                                                <td rowspan="3">ANO</td>
                                </tr>
                        </tbody>
                        <tfoot>
                                <tr>
                                                <th rowspan="2"></th>
                                                <th>837 550 Kč</th>
                                                <th rowspan="3"></th>
                                </tr>
                        </tfoot>
                </table>
</body>

</html>

Dělá tam problém to slučování buňek - já ho tam ale potřebuji mít. Vím, že mohu udělat každou buňku zvlášť, ale jde mi především o princip té nefunkčnosti. Je snad problém slučovat prázdné buňky pomocí atributu rowspan?

Zkusil jsem: Několikrát jsem kontroloval, zda má každý řádek opravdu stejný počet buňek

Chci docílit: správného zasazení buněk do tabulky

Editováno 28.4.2019 22:42
 
Odpovědět
28.4.2019 22:41
Avatar
Oto Dvorský
Člen
Avatar
Oto Dvorský:29.4.2019 8:01

Pokud to chápu správně, zaměň rowspan za colspan.

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět
29.4.2019 8:01
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:29.4.2019 10:22

Html je dobre v vytvareni objektu do stranky, ter pak obvykle ovladas pres js. Ale pouziva se to treba i u delphi pro vytvareni formulare, textovy jednoduchy zapis.

https://www.jakpsatweb.cz/…tabulky.html#…
Tvuj problem je, ze nechapes, co asi delas s tabulkou.

x x x x x (td, td, td, td, td)

x x x x x (td, td, td, td, td)
x x o x x (td, td, td rowspan=2, td, td)
x x o x x (td, td, nic, td, td)

x x x x x (td, td, td, td, td)
x x o o x (td, td, td colspan=2, td)
 
Nahoru Odpovědět
29.4.2019 10:22
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Odpovídá na Jakub Podskalský
Michal Štěpánek:29.4.2019 10:57

Musíš správně rozlišit, jestli chceš buňky spojit vedle sebe v řádku (colspan) nebo ve sloupci pod sebou (rowspan), pak ti to bude fungovat...

Nahoru Odpovědět
29.4.2019 10:57
Nikdy neříkej nahlas, že to nejde. Vždycky se totiž najde blbec, který to neví a udělá to...
Avatar
Odpovídá na Peter Mlich
Jakub Podskalský:29.4.2019 13:44

Všem díky za odpovědi. Ano, opravdu jsem to jen prohodil. Trochu mě to zmátlo, protože jsem bral rowspan jako "sluč s dalšími x buňkami v řádku", je to ale "sluč s dalšími x buňkami v dalších řádcích toho sloupce". Omlouvám se za hloupý dotaz. :)

 
Nahoru Odpovědět
29.4.2019 13:44
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 5 zpráv z 5.