47.15.6.1. HTML tabulky

Tabulka je v html prezentována tagem <table> uvnitř kterého jsou taky <tr> reprezentující řádky tabulky. Na řádku jsou pak jednotlivé elementy umístněny v tazích <td> nebo <th>.

<table>
  <tr><th>1</th><th>2</th></tr>
  <tr><td>1</td><td>2</td></tr>
  <tr><td>2</td><td>3</td></tr>
</table>

V praxi jsem si oblíbil nový zápis tabulky jenž je v XHTML. Tento je podobný jen rozšířený o pár tagů.

table→thead|tfoot|tbody→tr→td|th

A takto vypadá ukázka zobrazení tabulky v XHTML se všemi tagy které používám.

<table class="třída" … ostatní atributy>
    <caption>Titulek tabulky</caption>
    <thead><!-- Zde uvedujeden či více řádků hlavičky tabulky -->
        <tr>
            <th>A</th>
            <th>B</th>
            <th>C</th>
        </tr>
    </thead>
    <tfoot>
        <tr><!-- optimální místo pro věci zobrazované pod tabulkou jako je navigace,
                 případně boxy pro vyhledání záznamu či zadání nového záznamu --></tr>
    </tfoot>
    <tbody>
        <tr><!-- zobrazení řádků tabulky s daty -->
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        …
    </tbody>
</table>

Podle tohoto XHTML vzoru napíši jednotlivé pohledy. Protože budu hojně využívat částečné zobrazení render :partial, nebude v mých pohledech nikdy tabulka uvedena takto v celku. Proto ji zde uvádím aby jste si mohli udržet

Licence Creative Commons
Tento dokument Ruby, jehož autorem je Radek Hnilica, podléhá licenci Creative Commons Uveďte autora-Nevyužívejte dílo komerčně-Zachovejte licenci 3.0 Česká republika .