Diskuze – Lekce 5 - Tabulky v HTML

Všemu rozumím, vše bylo pěkně vysvětleno, akorát se zarážím u rowspan a colspan... Rozumím, proč je tam číslo 2, jelikož nám spojuje 2 buňky... Jak ale poznám, že ví které 2 spojit. Pokud to dobře chápu, má spojit takové buňky, které sdílí stejný název, v našem případě "Ano" a "Neuvedeno". Pokud je moje hypotéza správná, mohl by mi to prosím někdo potvrdit? Předem děkuju:)

Oproti předchozím lekcím mi přijde tato lekce uspěchaná. Skoro jako by už znalosti tabulek nebyly v dnešní době příliš relevantní.

Ahoj,

jestli jsem to pochopil správně, funguje to stylem, že nastavíš stejnou hodnotu buňky pro další řádky v tabulce. Nemusíš řešit jaké buňky ti to spojí, jelikož se rowspan aplikuje na počet řádku, který si určíš ty.

<td rowspan="5" 49 999 Kč></td> → aplikuje ti 49 999 Kč pro čtyři další řádky ve kterých už nemusíš vypisovat <td>49 999 Kč></td>

V mém případě jsem 'rowspan' použil na rok výroby, skladem a cenu.

<table border="3">
    <thead>
        <th>Značka notebooků</th>
        <th>Rok výroby</th>
        <th>Dostupnost</th>
        <th>Cena</th>
    </thead>
    <tbody>
        <tr>
        <td>ASUS</td>
        <td rowspan="5">2023</td>
        <td rowspan="5">Skladem</td>
        <td rowspan="5">49 999 Kč</td>
        </tr>
        <tr>
            <td>MSI</td>
        </tr>
        <tr>
            <td>Lenovo</td>
        </tr>
        <tr>
            <td>HP</td>
        </tr>
        <tr>
            <td>Fujitsu</td>
        </tr>
        <tr>
            <td>Dell</td>
            <td>2024</td>
            <td>Dostupné: 30.6.2024</td>
            <td>55 490 Kč</td>
        </tr>
    </tbody>
</table>

Všimni si, že u šestého řádku už jsem musel vše vypsat ručně, protože už tam nemám stejné hodnoty (2023, Skladem, 49 999 Kč).
Kdybych změnil 'rowspan="6"', aplikuje se i pro notebooky značky Dell s tím rozdílem, že tam budu mít buňky navíc a tabulka bude vypadat nějak takhle (obrázek 3), takže použije nastavení z prvního řádku a potom pracuje s dalšími buňkami co jsem měl vypsané v kódu.

Doufám, že jsem to vypsal srozumitelně. Nejsem moc dobrý na vysvětlování 😁

Ahoj, už jsem to pochopila, je to nějaká doba, ale děkuju za vysvětlení, Patriku:). Sama jsem špatná ve vysvětlování, ale vysvětlil si to hezky, ještě jednou děkuju. 😁

Není vůbec za co Ren, ať se ti daří ve studiu 😁

Trochu som s tym mal problem pri zlucovani buniek.